立即注册 找回密码

微雪课堂

搜索
微雪课堂 图形用户界面(GUI) 查看内容

STM32之littlevGL系列教程:选项卡控件(lv_tabview)

2020-3-29 13:09| 发布者: imliubo| 查看: 3405| 评论: 0|原作者: IAMLIUBO

摘要: Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了表格控件(lv_table),本节课带大家学习选项卡控件,大家对选项卡熟悉吗?一 有图有真相没错,这就是一个非常简单的选项卡,就是你在做表格的时候, ...
Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了表格控件(lv_table),本节课带大家学习选项卡控件,大家对选项卡熟悉吗?
一 有图有真相

没错,这就是一个非常简单的选项卡,就是你在做表格的时候,下面的几个表格切换按钮一样!我们可以通过切换选项从而在一个界面内展示更多的内容。
二 代码分析
void tabview_test(void)
{
    /*Create a Tab view object*/
    lv_obj_t *tabview;
    tabview = lv_tabview_create(lv_scr_act(), NULL);

    /*Add 3 tabs (the tabs are page (lv_page) and can be scrolled*/
    lv_obj_t *tab1 = lv_tabview_add_tab(tabview, "Tab 1");
    lv_obj_t *tab2 = lv_tabview_add_tab(tabview, "Tab 2");
    lv_obj_t *tab3 = lv_tabview_add_tab(tabview, "Tab 3");


    /*Add content to the tabs*/
    lv_obj_t * label = lv_label_create(tab1, NULL);
    lv_label_set_text(label, "This the first tab\n\n"
                             "If the content\n"
                             "of a tab\n"
                             "become too long\n"
                             "the it \n"
                             "automatically\n"
                             "become\n"
                             "scrollable.");

    label = lv_label_create(tab2, NULL);
    lv_label_set_text(label, "Second tab");

    label = lv_label_create(tab3, NULL);
    lv_label_set_text(label, "Third tab");
}
这里我们创建了三个选项卡,并在每个选项卡里展示了一些文本。
    lv_obj_t *tab1 = lv_tabview_add_tab(tabview, "Tab 1");
    lv_obj_t *tab2 = lv_tabview_add_tab(tabview, "Tab 2");
    lv_obj_t *tab3 = lv_tabview_add_tab(tabview, "Tab 3");
我们用lv_tabview_add_tab这个API去不断增加选项卡,其中第二个参数是我们选项卡的名称,大家可以随意定义。
    lv_obj_t * label = lv_label_create(tab1, NULL);
    lv_label_set_text(label, "This the first tab\n\n"
                             "If the content\n"
                             "of a tab\n"
                             "become too long\n"
                             "the it \n"
                             "automatically\n"
                             "become\n"
                             "scrollable.");
这里我们还是创建了一个标签对象,大家需要注意的是这里我们是以选项卡1为父对象创建的标签,所以这个标签只会在选项卡1内展示,同样的剩下的那两个也是同样的操作,我们就不分析,不过我们还可以在选项卡内展示别的数据,并局限于文本,我们已经学了这么多控件了,大家可以自己去尝试了。
OK,本节课到就到这里,下节课我们学习窗口控件(lv_win),我们下节课再见!

117

顶一下

刚表态过的朋友 (117 人)

相关阅读

最新评论

微雪官网|产品资料|手机版|小黑屋|微雪课堂. ( 粤ICP备05067009号 )

GMT+8, 2024-3-29 20:55 , Processed in 0.014047 second(s), 17 queries .

返回顶部