lvgl tabview 静止左右滑动

本文介绍了在LVUI库中,如何使用lv_obj_clear_flag函数来清除lv_tabview_get_content获取的TabView内容区域的滚动标志,以实现特定布局控制。
摘要由CSDN通过智能技术生成

lv_obj_clear_flag(lv_tabview_get_content(ui->TEST_tabview_1), LV_OBJ_FLAG_SCROLLABLE);

LVGL是一款开源的图形库,可以用于嵌入式设备的图形用户界面设计。要设置LVGL的TabView页面,可以按照以下步骤进行: 1. 创建一个LVGL的TabView对象: ``` lv_obj_t* tabview = lv_tabview_create(lv_scr_act(), NULL); ``` 2. 创建Tab页面: ``` lv_obj_t* tab1 = lv_tabview_add_tab(tabview, "Tab 1"); lv_obj_t* tab2 = lv_tabview_add_tab(tabview, "Tab 2"); ``` 3. 在Tab页面中添加控件: ``` // 在Tab 1中添加一个文本标签 lv_obj_t* label1 = lv_label_create(tab1, NULL); lv_label_set_text(label1, "This is Tab 1"); // 在Tab 2中添加一个按钮 lv_obj_t* btn = lv_btn_create(tab2, NULL); lv_btn_set_fit2(btn, LV_FIT_PARENT, LV_FIT_PARENT); lv_obj_t* label2 = lv_label_create(btn, NULL); lv_label_set_text(label2, "Tab 2 Button"); ``` 4. 设置Tab页面之间的切换效果(可选): ``` lv_tabview_set_anim_time(tabview, 300); // 设置切换动画的时间 // 设置切换方向为向左切换 lv_tabview_set_anim_dir(tabview, LV_TABVIEW_ANIM_DIR_LEFT); ``` 5. 可以通过事件回调函数来处理Tab切换的逻辑(可选): ``` lv_obj_set_event_cb(tabview, tabview_event_cb); // 事件回调函数 static void tabview_event_cb(lv_obj_t* obj, lv_event_t event) { if(event == LV_EVENT_VALUE_CHANGED) { uint32_t active_tab_id = lv_tabview_get_tab_act(obj); // 获取当前激活的Tab的ID // 根据Tab的ID执行相应的操作 if(active_tab_id == 0) { // 执行Tab 1的操作 } else if(active_tab_id == 1) { // 执行Tab 2的操作 } } } ``` 通过以上步骤,就可以在LVGL中设置TabView页面了。可以自由添加不同的Tab页面,并在每个Tab页面中添加所需的控件和逻辑,实现丰富的用户界面和交互体验。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BoRuiYiQi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值