这里会显示出您选择的修订版和当前版本之间的差别。
后一修订版 | 前一修订版 | ||
icore4tlvgl_29 [2021/01/04 10:38] zgf 创建 |
icore4tlvgl_29 [2022/04/01 11:16] (当前版本) sean |
||
---|---|---|---|
行 2: | 行 2: | ||
|技术支持电话|**0379-69926675-801**||| | |技术支持电话|**0379-69926675-801**||| | ||
|技术支持邮件|Gingko@vip.163.com||| | |技术支持邮件|Gingko@vip.163.com||| | ||
- | |技术论坛|http://www.eeschool.org||| | ||
^ 版本 ^ 日期 ^ 作者 ^ 修改内容 ^ | ^ 版本 ^ 日期 ^ 作者 ^ 修改内容 ^ | ||
| V1.0 | 2020-12-31 | yang | 初次建立 | | | V1.0 | 2020-12-31 | yang | 初次建立 | | ||
===== 实验二十九:lv_tabview选项卡 ===== | ===== 实验二十九:lv_tabview选项卡 ===== | ||
- | |||
- | |||
- | {{ :icore4t:icore4t_rtt_lvgl_23_6.png?direct |}} | ||
- | |||
- | <code c> | ||
- | |||
- | </code> | ||
==== 一、选项卡 ==== | ==== 一、选项卡 ==== | ||
行 66: | 行 58: | ||
=== 3.2、动画时间 === | === 3.2、动画时间 === | ||
- | 在选项卡切换时会以动画形式来过渡到新选择的选项卡页面,过渡动画的时间可以用函数 lv_tabview_set_anim_time(tabview, anim_time_ms) 来调整。 | + | 在选项卡切换时会以动画形式来过渡到新选择的选项卡页面,过渡动画的时间可以用函数 **lv_tabview_set_anim_time(tabview, anim_time_ms)** 来调整。 |
=== 3.3、滚动传递 === | === 3.3、滚动传递 === | ||
行 84: | 行 76: | ||
{{ :icore4t:icore4t_rtt_lvgl_29_4.gif?direct |}} | {{ :icore4t:icore4t_rtt_lvgl_29_4.gif?direct |}} | ||
+ | <code c> | ||
+ | void lv_gui_run(void){ | ||
+ | lvgl2rtt_init("lcd"); /* 初始化lvgl2rtt */ | ||
+ | |||
+ | lv_obj_t *tabview; | ||
+ | tabview = lv_tabview_create(lv_scr_act(), NULL); /* 创建选项卡对象 */ | ||
+ | lv_obj_set_style_local_text_font(tabview, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, &hei_16); /* 设置字体 */ | ||
+ | lv_obj_t *tab1 = lv_tabview_add_tab(tabview, " 选项卡一 "); /* 添加三个选项卡页面,并传入选项卡标签 */ | ||
+ | lv_obj_t *tab2 = lv_tabview_add_tab(tabview, " 选项卡二 "); | ||
+ | lv_obj_t *tab3 = lv_tabview_add_tab(tabview, " 选项卡三 "); | ||
+ | |||
+ | lv_obj_t * label = lv_label_create(tab1, NULL); /* 在选项卡页面内创建内容 */ | ||
+ | lv_label_set_text(label, " 第一个选项卡 " ); | ||
+ | label = lv_label_create(tab2, NULL); | ||
+ | lv_label_set_text(label, " 第二个选项卡 "); | ||
+ | label = lv_label_create(tab3, NULL); | ||
+ | lv_label_set_text(label, " 第三个选项卡 "); | ||
+ | } | ||
+ | </code> |