LVGl
文章平均质量分 91
LVGL
Projectsauron
昨夜西风凋碧树,独上高楼,望尽天涯路。
展开
-
LVGL 控件之消息框(lv_msgbox)
lv_objlv_btnlv_label和部件,示意图如下所示:消息框充当弹出窗口。它们由一个内容区域构建而成,该区域有一个辅助工具用于添加文本,一个可选的头部(可以包含标题、关闭按钮和其他按钮),以及一个可选的底部配有按钮。文本将被自动折行为多行,并且高度将被自动设置。如果手动设置了高度,内容将变为可滚动的。消息框可以是模态的(阻止对屏幕其余部分的单击) 或者不是模态的。原创 2024-09-24 19:31:30 · 1194 阅读 · 4 评论 -
LVGL 控件之仪表盘(lv_meter)
仪表盘部件可以非常灵活地展示数据,其功能包括显示弧形(arcs)、指针(needles)、刻度线(ticks lines)以及标签(labels)。这意味着它可以模拟各种仪表盘样式。:主体背景;:仪表的刻度;:仪表指针;:圆弧。原创 2024-09-19 19:11:07 · 24997 阅读 · 11 评论 -
LVGL 控件之列表(lv_list)
List(列表) 基本上是一个垂直布局的矩形,按钮指向该矩形并且可以添加文本。使用所有典型背景属性的列表的主要部分滚动条。原创 2024-09-15 13:27:02 · 9902 阅读 · 9 评论 -
LVGL控件之表格(lv_table)
Table(表格)是由包含文本的行、列和单元格构建的。表格对象非常轻量级,因为仅存储文本。没有为各个单元格创建真实的对象,因为它们只是即时绘制出来的。表格对象默认已经在默认组中(如果已设置)。可以在导航模式下选中整张表,之后进入编辑模式可以在各个单元格之间进行移动选择。表格的背景使用了所有典型的背景样式属性。表格的单元格也使用所有典型的背景样式属性和文本属性。原创 2024-09-14 17:56:04 · 9856 阅读 · 11 评论 -
LVGL 控件之滑动条(lv_slider)
滑动条对象看起来像是在 进度条 增加了一个可以调节的旋钮,使用时可以通过拖动旋钮来设置一个值。就像进度条(bar)一样,Slider 可以是垂直的或水平的(当设置进度条的宽度小于其高度,就可以创建出垂直摆放的滑动条)。滑动条的背景。使用所有典型的背景样式属性。设置 padding 样式会使指标在相应方向上变小。显示滑动条当前状态的指示器。也是使用所有典型的背景样式属性。旋钮(可以是原形或矩形)。也是使用所有典型的背景属性。默认情况下,旋钮是方形的(带有可选的圆角半径),边长等于滑动条的较小边。原创 2024-09-13 11:19:58 · 12289 阅读 · 23 评论 -
LVGL 部件之滚轮(lv_roller)
滚轮类似下拉列表,和下拉列表不同的是,滚轮有直接可见的几个选项,我们可以通过滚动滚轮中的列表来浏览并选择选项。滚轮部件由两个部分组成:主体背景和所选文本。主体背景;所选文本。原创 2024-09-11 16:21:09 · 13484 阅读 · 11 评论 -
LVGL 控件之线条(lv_line)
线条部件只有一个组成部分:主体。通过一组点绘制出相连的直线,通过创建相应的对象。原创 2024-09-10 20:08:33 · 13325 阅读 · 13 评论 -
LVGL 控件之标签(lv_label)
(主体背景)使用所有典型的背景属性和文本属性。填充值可用于在文本和背景之间添加空间。(滚动条)当文本大于组件的大小时显示的滚动条。(所选文本)告诉 selected text 的样式。只能使用 text_color 和 bg_color 样式属性。原创 2024-09-09 21:44:34 · 14209 阅读 · 7 评论 -
LVGL 控件之复选框(lv_checkbox)和下拉列表(lv_dropdown)
下拉列表的图标箭头默认是向下的,如果用户修改了列表的展开方向,此时的箭头方向和展开方向就对应不上了。在上图中, 当用户选中第一个选项,其文本内容(a)将更新到列表头部,如果用户需要设置列表头部的文本为固定内容,可以调用。上述源码中,第一个函数用于获取选中的选项索引,第二个函数用于获取选中的选项文本,并将其保存到指定的 buf 中。上述的函数只会添加一个选项,其形参 pos 表示添加的位置,注意:0 表示列表最上面的位置,以此向下类推。,前者设置的文本是保存在动态分配的内存中的,而后者设置的是静态的文本。原创 2024-09-05 08:54:59 · 22478 阅读 · 22 评论 -
LVGL 控件之图表部件(lv_chart)
前面提过,图表部件默认只支持 10 个数据点,如果我们具有11 个数据,那么图表先显示前 10 个数据,而第 11 个数据会将图表的 10 个数据逐一往左移位,最后把第一个数据点的数值去除了。前面我们讲解到图表部件只支持 10 个数据点,如果我们使用这个函数初始化数据点,则这些数据点的数值都是一样的。此函数主要修改某个数据点的数值,前面我们讲到图表部件默认只支持 10 数据点,这些数据点是从 0 开始自增。添加到当前图表中,该函数具有八个形参,这些形参主要设置刻度线和刻度线的标签。图表默认的垂直范围为。原创 2024-09-02 09:39:49 · 25263 阅读 · 41 评论 -
LVGL 控件之日历(lv_calendar)
在默认的情况下,日历都是以英文的形式展示(Su、Mo、Tu、We、Th、Fr 和 Sa),如果用户想设置成中文的日名,可调用。在默认的情况下,当用户创建出一个日历部件,该部件的当前日期为 2020 年1 月1 号,如果用户需要设置日期,则可以调用。如果我们仅仅是设置了当前日期,日期部件并不会自动显示该日期,所以我们必须手动跳转当前日期对应的月份,相关的函数为。可以看到,刚才创建的日历除了能看当前月的信息外什么都干不了,所以要加上日历头方便我们操作。:如果单击日期,则发送该事件,通过调用函数。原创 2024-09-01 10:40:39 · 27577 阅读 · 19 评论 -
LVGL 控件之矩阵按钮(lv_buttonmatrix)
按钮矩阵部件中的每个按钮都可以设置文本,如果用户想设置这些按钮文本,则需要定义一个字符串数组(指针),并在该数组中传入所需的文本内容,最后通过。在默认情况下,按钮矩阵中的按钮文本都是黑色的,如果用户需要设置文本为其他的颜色,则必须先调用。在默认情况下,按钮矩阵每一行按钮的宽度都是自动计算的,如果用户想改变按钮的宽度,可以调用。,在设置完文本颜色之后,我们还需要为按钮添加文本重着色的属性,其相关的枚举为。值得注意的是,在按钮矩阵部件中,按钮只能设置相对宽度。函数,为按钮添加文本重着色的属性。原创 2024-09-01 09:37:14 · 27804 阅读 · 7 评论 -
LVGL 控件之按钮(lv_button)
按钮部件(lv_btn)仅有一个组成部分:主体背景,示意图如下:与LVGL 控件之基础对象(lv_obj)) 相比,按钮没有新功能。它们可用于语义目的,并且默认设置略有不同。不可滚动添加到默认组默认高度和宽度设置为button 对象通过创建。因此,这里不再过多叙述 button 的一些东西,这里主要讲一下样式的设置。原创 2024-08-31 10:14:56 · 30449 阅读 · 16 评论 -
LVGL 控件之进度条(lv_bar)
进度条对象(lv_bar)有一个背景和一个指示器。指示器的宽度根据进度条的当前值自动设置。如果设置进度条的宽度小于其高度,就可以创建出垂直摆放的进度条。。不仅可以设置结束,还可以设置进度条的起始值,从而改变指标的起始位置。背景():用于显示范围值;指示器():用于显示当前值。原创 2024-08-31 09:06:47 · 29222 阅读 · 5 评论 -
LVGL 控件之圆弧(lv_arc)
前景弧的角度范围不能超过背景弧的角度范围,否则将会出现显示异常,该异常会在下次更新布局时被修正。圆弧部件旋转是指将整个部件沿顺时针方向旋转某个角度,注意:旋转的角度为相对值(增量),它的范围是。默认情况下,圆弧部件是沿顺时针方向绘制的,如果用户需要修改绘制的方向,可以调用。当圆弧的旋钮被滑动时,前景弧将根据设定的变化率来绘制。度,旋转中心为圆弧的中心。例:当我们拖动按钮或圆弧时,中间的数值也会实时变化。来设置圆弧的值,若用触摸设置,可能会出现显示异常。指的是当前前景弧所指示的值,而。原创 2024-08-30 15:25:09 · 30462 阅读 · 19 评论 -
LVGL 控件之基础对象(lv_obj)
管理其他部件的基本属性;作为背景装饰;辅助布局;界面切换。坐标父对象基于父对象的后代包含样式诸如ClickableScrollable等属性。在面向对象的思想中,基础对象就是LVGL 中所有其他对象都继承自的基类。基础对象的功能可以与其他控件一起使用。例如基础对象可以直接用作一个简单的控件:它只不过是一个矩形。在 HTML 术语中,将其视为 。原创 2024-08-30 11:04:08 · 30842 阅读 · 1 评论
分享