LVGL v8学习笔记 | 10 - Tabview控件的使用方法

已于 2022-10-16 19:06:21 修改
阅读量2k 收藏 2
点赞数
分类专栏： lvgl 文章标签： lvgl
于 2022-10-16 15:52:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mculover666/article/details/127347922
版权
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Mculover666
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
tkinter-tabview:tkinter-tabview
05-02
tkinter-tabview ttk中虽然添加了Notebook，但其功能过于简单，无法支持双击创建选项卡，删除选项卡等功能，于是自定义了tabview，有需要的朋友，可以参考在tkinter中自定义view的方法，自定义自己的view 使用方法 import tkinter as tk from tkinter import messagebox from tabview import TabView def create_body(): global body return tk.Label(body, text="this is body") def select(index): print("current selected -->", index) def remove(index): print("remove tab -->", index)
嵌入式GUI LVGL『Tableview选项卡控件』介绍
朝气蓬勃
09-12 4758
一. LVGL GUI开关控件的概念 选项卡视图对象可用于组织选项卡中的内容。 二. LVGL GUI开关小部件和样式 Tab 视图对象包含几个部分。主要是 LV_TABVIEW_PART_BG 。它是一个矩形容器，用于容纳 Tab 视 图的其他部分。 在背景上创建了两个重要的真实部分： LV_TABVIEW_PART_BG_SCRL ：这是 Page 的可滚动部分。它使选项卡的内容彼此相邻。页面的背景始终是透明的，不能从外部访问。 LV_TABVIEW_PART_TAB_BG ：选项卡按钮，它是
ESP32 开发笔记(四）LVGL控件学习 LED 灯控件
cnicfhnui的博客
12-05 4706
先看效果，创建三个LED控件，第一个关状态，第二个可调，第三个一开关，创建一个滑块控件来控制第二个LED高度 此文章为盖楼文章，为组织目录链接用，未写教程，教程更新后会删除此行 开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674 一、开发板简介 二、开发环境搭建 windows ESP32例程为C语言开发，并非Python/Arduin
LVGL--选项卡部件(lv_tabview)
m0_63472758的博客
02-28 805
图上有四个选项卡，有消息，文档，日程，会议。选项卡部件组成部分，主体，按钮。
tablview优化
pml_bugs的博客
12-01 283
产品今天给了个需求，最简单的tableview上展示数据，不过有个问题是给的图片都是高清的，所以滑动的时候不流畅，然后就去搜索，最后找到一个大神写的代码，通过runloop解决，感觉很不错，所以写篇文章记录一下。 runloop介绍 1，首先大家先了解一下runloop，网上一搜一大堆，我就简单说一下，大家都知道runloop的主要作用是不断的循环监听事件的，有事件发生时都会触发它，但是不
关于tableview的知识总结,cell左划出现删除、置顶按钮
sharmir的博客
04-12 2324
tableview是一个表视图控件，在ios开发过程中用处最多的一个控件。它继承与UIScrollView，有两种样式 UITableViewStyleGrouped和UITableViewStylePlain。使用表视图必须遵循UITableViewDataSource和UITableViewDelegate两个协议方法 一、主要构成 UITableViewStylePlain的构成
PageView与TabView切换第三方框架
04-04
源码LazyPageScrollView，想必开发过app的开发者都有这样的痛点，如果要做一个可以切换tab的pageView估计不是一件容易的事情，比如订单模块，用户可以滑动在待付款，已完成和售后中三个view之间切换的话，会牵扯到不少的页面逻辑和交互，如果可以有一个一劳永逸的封装该有多好啊，每个页面的逻辑实现解耦，不同页面的切换和交互可以封装起来。于是，这个框架就是为了满足这样的需求而生的。 它的优势 1.封装了大部分常见的功能，api简洁明了，且定制十分灵活，可以根据产品的不同定制出不同样式的pageview。 2.实现了页面切换和逻辑间的解耦，开发者无需关心pageview的切换，只需要关心每个view的刷新和显示。 3.多种创建方式，与xib无缝结合。 4.对于pageview为 LazyTableView 的时候，进行了优化，防止多个tableview会有过多cell的情况，占用大量资源。（后续会完善仅有一个h和m文件，且没有使用其他任何第三方库。
lvgl(tabview):选项卡控件 禁止默认的滑动切换页面
蒙蒙plus
11-06 1141
在文件中全文搜索，可以得知多出有调用，分析排查后可知。根据lvgl源码可知切换页面的函数是。更多细节欢迎评论区交流。
LVGL使用入门
ylxwk的博客
11-07 465
附件文档主要介绍linux下从下载到运行lvgl的流程。 lvgl创建线条，宽度自适应 lvgl tabview 常用操作 lvgl 自定义键盘创建和调整 label 不显示省略号
LVGL 8.2 Tabview
mygod2008ok的专栏
07-17 1666
LVGL 8.2 Tabview
物联网嵌入式ESP32开发例程36-LVGL开源图形库之选项卡视图控件lv-tabview的使用.rar
04-20
2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。 3、如果接入其他传感器，请点击头像查看发布的其他资料。 4、ESP32与模块的接线，在代码当中均...
react-native-collapsible-tabview:这只是带有可折叠标题的 tabview 的实现
08-05
React原生可折叠 tabview 示例这只是一个实现带有可折叠标题的 tabview 的简单示例。 在这里，我们在我们的实现中使用 。依赖关系请注意，我们在此示例中使用的是 react-native 0.62.2 ，一些重大更改可能会导致崩溃...
QML-TabView竖直方向
10-29
基于QML的TabView类型，竖直方向，进行选择tab，左右布局
Flex 轻量级的tabView控件
11-14
1.标签菜单使用PopUpManager方式弹出，方便关闭，监听FlexMouseEvent.MOUSE_DOWN_OUTSIDE就可以了。 2.弹出时候超出可视范围自动调整位置。 预览地址：http://www.zuidaima.com/share/1749734204492800.htm
基于matlab实现的相移光纤光栅(FBG.rar
05-04
基于matlab实现的相移光纤光栅(FBG.rar
nfcPro-2020071702 id、ic读卡器软件
05-04
配套设备仪器用
数据更新至2020年分地区电源项目 建设本年施工规模.xls
最新发布
05-05
数据来源：中国电力统计NJ-2021版
基于matlab实现烟花寻优算法，自己编的.rar
05-04
基于matlab实现烟花寻优算法，自己编的.rar
lvgl设置tabview的页面
08-11
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页面中添加所需的控件和逻辑，实现丰富的用户界面和交互体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Mculover666

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

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

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

打赏作者

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

抵扣说明：

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

余额充值