Tabview
The tabview widget is the container to store and depends on user selection to change the tab for different functions. As shown in the following figure, each rectangle represents a different tab widget, and 9 tab widgets together form a tab container, with the blue area representing the current display area. The idx stands for the index on the X-axis, and the idy stands for the index on Y-axis.
Tab Distribution
Usage
Create Tabview Widget
The gui_tabview_create() function can be used to establish a tabview.
Switch the Tab
In usage scenarios, tab switching is generally accomplished by horizontal or vertical swiping. However, if users wish to quickly navigate to a specific tab page, they can use the function gui_tabview_jump_tab() to achieve this. This function allows for jumping to a specified tab page by using the indices idx and idy to specify the position of the tab page.
Set Tabview Style
Developers can use gui_tabview_set_style() to set the desired style of tabview. By default, the classic style is CLASSIC. The available switching effects include the following:
typedef enum t_slide_style
{
CLASSIC = 0x0000,
REDUCTION = 0x0001,
FADE = 0x0002,
REDUCTION_FADE = 0x0003,
STACKING = 0x0004,
TAB_ROTATE = 0x0005,
TAB_CUBE = 0x0006,
TAB_PAGE = 0x0007,
TAB_ROTATE_BOOK = 0x0008,
} T_SLIDE_STYLE;
Set Tabview Loop
The tabview loop function is a clever feature that allows users to easily navigate through all the tabs that have been created. By enabling the reverse loop display function using gui_tabview_loop_x() for the x-axis and gui_tabview_loop_y() for the y-axis, as shown in Figure-a, you will see a blue outer box indicating the visible area of the screen for the tab widget. The direction of the arrow represents the direction of tab switching. When swiping left, once all tabs have moved to the left side of the visible area, another left swipe will cycle back to the leftmost tab that was created. Conversely, as shown in Figure-b, when swiping right again, the display will cycle from the rightmost tab.
Figure-a
Figure-b
Example
Please refer to the section: Tab
API
Enums
Functions