Implement the focus on the image button and the subtitle of the tabview to move around

Important: unclear posts may not receive useful answers.

Before posting

  • Get familiar with Markdown to format and structure your post
  • Be sure to update lvgl from the latest version from the master branch.
  • Be sure you have checked the FAQ and read the relevant part of the documentation.
  • If applicable use the Simulator to eliminate hardware related issues.

Delete this section if you read and applied the mentioned points.

Description

I need to achieve an effect: when I turn the knob, the focus can go back and forth between the subtitle of the tabview and an image button

What MCU/Processor/Board and compiler are you using?

stm32f7

What LVGL version are you using?

v8.0

What do you want to achieve?

I need to achieve an effect: when I turn the knob, the focus can go back and forth between the subtitle of the tabview and an image button

What have you tried so far?

At present, only the image button and the large column of the tabview can be moved. To enter the subtitle, you need to long press. After long pressing, you can only move between the subtitles.

Code to reproduce

Add a code snippet which can run in the simulator. It should contain only the relevant code that compiles without errors when separated from your main code base.

The code block(s) should be formatted like:

	    tv = lv_tabview_create(lv_scr_act(), LV_DIR_TOP, 35);

		lv_obj_set_style_bg_color(tv,COLOR_SCR_BG,0);

		lv_obj_set_size(tv, LV_HOR_RES, LV_VER_RES - 20);
		lv_obj_set_y(tv,20);

		
        lv_obj_t * tab_btns = lv_tabview_get_tab_btns(tv);
        lv_obj_set_style_bg_color(tab_btns, COLOR_SCR_BG, 0);

		lv_obj_set_style_text_color(tab_btns, COLOR_SCR_TEXT, 0);

		lv_obj_set_style_border_side(tab_btns, LV_BORDER_SIDE_BOTTOM, LV_PART_SELECTED | LV_STATE_FOCUSED);
		lv_group_add_obj(group2,tab_btns);
		lv_group_add_obj(group_tabviwe_000,tab_btns);
		lv_group_add_obj(group_tabviwe_001,tab_btns);
		lv_group_add_obj(group_tabviwe_002,tab_btns);

Screenshot and/or video

If possible, add screenshots and/or videos about the current state.

Hi,

I assume you are using an encoder. In this case, what you would like to achieve is not possible out of the box because the “header” of the tabview is one object and not more unique buttons.

To do this you can customize the tabview widget to use real lv_btns as button on the header instead of a lv_btnmatrix.