LVGL GUI
文章平均质量分 76
主要对LVGL做使用说明
Wireless_Link
有丰富的蓝牙车载经验,曾给HAVAL H6,F7,江淮,北汽,丰田,大众,江铃等众多车型做过蓝牙车载方案,对传统蓝牙,低功耗蓝牙都有深入的研究。
展开
-
LVGL真的需要每个控件写代码?别天真了,知道了原理我们来拖控件吧~
零. 声明本专栏文章我们会以连载的方式持续更新,本专栏计划更新内容如下:第一篇:ESP-IDF基本介绍,主要会涉及模组,芯片,开发板的介绍,环境搭建,程序编译下载,启动流程等一些基本的操作,让你对ESP-IDF开发有一个总体的认识,比我们后续学习打下基础!第二篇:ESP32-IDF外设驱动介绍,主要会根据esp-idf现有的driver,提供各个外设的驱动,比如LED,OLED,SPI LCD,TOUCH,红外,Codec ic等等,在这一篇中,我们不仅仅来做外设驱动,还会对常用的外设总线原创 2022-04-20 20:53:12 · 5262 阅读 · 0 评论 -
乐鑫ESP32移植LVGL 7.10
零. 声明本专栏文章我们会以连载的方式持续更新,本专栏计划更新内容如下:第一篇:ESP-IDF基本介绍,主要会涉及模组,芯片,开发板的介绍,环境搭建,程序编译下载,启动流程等一些基本的操作,让你对ESP-IDF开发有一个总体的认识,比我们后续学习打下基础!第二篇:ESP32-IDF外设驱动介绍,主要会根据esp-idf现有的driver,提供各个外设的驱动,比如LED,OLED,SPI LCD,TOUCH,红外,Codec ic等等,在这一篇中,我们不仅仅来做外设驱动,还会对常用的外设总.原创 2022-04-15 20:54:01 · 3474 阅读 · 0 评论 -
ESP32 SPI LCD ili9488移植LVGL 8.0
零. 声明本专栏文章我们会以连载的方式持续更新,本专栏计划更新内容如下:第一篇:ESP-IDF基本介绍,主要会涉及模组,芯片,开发板的介绍,环境搭建,程序编译下载,启动流程等一些基本的操作,让你对ESP-IDF开发有一个总体的认识,比我们后续学习打下基础!第二篇:ESP32-IDF外设驱动介绍,主要会根据esp-idf现有的driver,提供各个外设的驱动,比如LED,OLED,SPI LCD,TOUCH,红外,Codec ic等等,在这一篇中,我们不仅仅来做外设驱动,还会对常用的外设总.原创 2022-04-14 22:56:40 · 4493 阅读 · 1 评论 -
燃起来 ESP32移植LVGL最新版本8.2
零. 声明本专栏文章我们会以连载的方式持续更新,本专栏计划更新内容如下:第一篇:ESP-IDF基本介绍,主要会涉及模组,芯片,开发板的介绍,环境搭建,程序编译下载,启动流程等一些基本的操作,让你对ESP-IDF开发有一个总体的认识,比我们后续学习打下基础!第二篇:ESP32-IDF外设驱动介绍,主要会根据esp-idf现有的driver,提供各个外设的驱动,比如LED,OLED,SPI LCD,TOUCH,红外,Codec ic等等,在这一篇中,我们不仅仅来做外设驱动,还会对常用的外设总.原创 2022-04-13 10:26:46 · 22380 阅读 · 8 评论 -
嵌入式GUI LVGL『Window窗口控件』介绍
一. LVGL GUI窗口控件的概念该窗口是由带有标题、按钮和内容区域的标题构建的类似容器的对象。二. LVGL GUI窗口小部件和样式主要部分是LV_WIN_PART_BG,它包含另外两个实部分:LV_WIN_PART_HEADER:顶部的一个头部容器,带有标题和控制按钮 LV_WIN_PART_CONTENT_SCRL页眉下面的内容的可滚动部分。除此之外,LV_WIN_PART_CONTENT_SCRL还有一个称为LV_WIN_PART_CONTENT_SCRL的滚动条部分。有...原创 2021-10-06 08:36:48 · 4347 阅读 · 2 评论 -
嵌入式GUI LVGL『Tile View拼接视图控件』介绍
一. LVGL GUI拼接视图控件的概念Tileview是一个容器对象,其中的元素(称为tiles)可以以网格形式排列。通过滑动,用户可以在这些贴图之间导航。如果Tileview是屏幕大小,它会提供一个你可能在智能手表上看到过的用户界面。二. LVGL GUI拼接视图小部件和样式Tileview和Page有相同的部分。除了使用LV_PAGE_PART_SCRL,因为它不能被引用,而且它总是透明的。请参阅本页的详细文档。三. LVGL GUI拼接视图控件的使用1. 有效位置(Valid原创 2021-09-30 22:33:27 · 5845 阅读 · 1 评论 -
嵌入式GUI LVGL『Text Area文本区域控件』介绍
一. LVGL GUI文本区域控件的概念文本区域是一个带有标签和光标的页面。文本或字符可以添加到它。长行被换行,当文本足够长时,可以滚动文本区域。二. LVGL GUI文本区域小部件和样式文本区域与页面部分相同。除了使用LV_PAGE_PART_SCRL,因为它不能被引用,而且它总是透明的。请参阅本页的详细文档。除了页面部分之外,还存在虚拟的LV_TEXTAREA_PART_CURSOR部分来绘制光标。光标的区域总是当前字符的边界框。可以通过在LV_TEXTAREA_PART_CURSOR的原创 2021-09-20 09:18:44 · 6605 阅读 · 0 评论 -
嵌入式GUI LVGL『Tableview选项卡控件』介绍
一. LVGL GUI开关控件的概念选项卡视图对象可用于组织选项卡中的内容。二. LVGL GUI开关小部件和样式Tab 视图对象包含几个部分。主要是 LV_TABVIEW_PART_BG 。它是一个矩形容器,用于容纳 Tab 视图的其他部分。在背景上创建了两个重要的真实部分:LV_TABVIEW_PART_BG_SCRL :这是 Page 的可滚动部分。它使选项卡的内容彼此相邻。页面的背景始终是透明的,不能从外部访问。 LV_TABVIEW_PART_TAB_BG :选项卡按钮,它是原创 2021-09-12 07:27:45 · 5308 阅读 · 1 评论 -
嵌入式GUI LVGL『Table表格控件』介绍
一. LVGL GUI开关控件的概念像往常一样,表是从包含文本的行,列和单元格构建的。由于仅存储文本,因此 Table 对象的权重非常轻。没有为单元创建任何实际对象,但它们是动态绘制的。二. LVGL GUI开关小部件和样式该表的主要部分称为 LV_TABLE_PART_BG 。它是一个类似于背景的矩形,并使用所有典型的背景样式属性。对于单元,有 4 个虚拟部分。每个单元格都具有类型(1、2、3 或 4),该类型指示要在其上应用哪个部分的样式。单元格部分为:LV_TABLE_PART_C原创 2021-08-28 09:59:28 · 6229 阅读 · 2 评论 -
嵌入式GUI LVGL『Switch开关控件』介绍
一. LVGL GUI开关控件的概念开关可用于打开/关闭某物。它看起来像一个小滑块。二. LVGL GUI开关小部件和样式开关使用以下部分:LV_SWITCH_PART_BG : 主要部分 LV_SWITCH_PART_INDIC :指示器(虚拟部分) LV_SWITCH_PART_KNOB :旋钮(虚拟部分)三. LVGL GUI开关控件的使用1. 改变状态(Change state)通过这个函数开启开关lv_switch_on(switch,LV_ANIM_ON/OFF..原创 2021-08-15 15:20:59 · 4264 阅读 · 2 评论 -
嵌入式GUI LVGL『Spinner环形加载器控件』介绍
一. LVGL GUI环形加载器控件的概念对象是边界上的旋转弧二. LVGL GUI环形加载器小部件和样式微调器使用以下部分:LV_SPINNER_PART_BG : 主要部分 LV_SPINNER_PART_INDIC :旋转弧(虚拟部分)小部件和样式的工作原理与 Arc 相同。阅读其文档以获取详细说明。三. LVGL GUI环形加载器控件的使用1. 弧度长度(Arc length)用这个函数设置旋转弧度lv_spinner_set_arc_length(spinner,.原创 2021-08-15 15:20:25 · 3066 阅读 · 1 评论 -
嵌入式GUI LVGL『Spinbox微调器控件』介绍
一. LVGL GUI微调器控件的概念Spinbox 包含一个数字文本,可通过按键或 API 函数增加或减少数字。Spinbox 的下面是修改后的 Text 区域。二. LVGL GUI微调器小部件和样式Spinbox 的主要部分被称为 LV_SPINBOX_PART_BG 使用所有典型背景样式属性的矩形背景。它还使用其文本样式属性描述标签的样式。LV_SPINBOX_PART_CURSOR 是描述光标的虚拟部分。三. LVGL GUI微调器控件的使用1. 设置格式(Set forma原创 2021-08-15 15:18:24 · 2958 阅读 · 1 评论 -
嵌入式GUI LVGL『Slider滑动条控件』介绍
一. LVGL GUI滑动条控件的概念Slider 对象看起来像一个带有旋钮的 Bar。可以拖动旋钮以设置一个值。滑块也可以是垂直或水平的二. LVGL GUI滑动条小部件和样式滑块的主要部分被称为 LV_SLIDER_PART_BG ,它使用典型的背景样式属性。LV_SLIDER_PART_INDIC 是一个虚拟部件,还使用了所有典型的背景属性。默认情况下,指标的最大大小与背景的大小相同,但是在其中设置正的填充值 LV_SLIDER_PART_BG 将使指标变小。(负值会使它变大)如果在指标原创 2021-03-13 07:10:42 · 6481 阅读 · 1 评论 -
LVGL『Roller滚轮控件』介绍
一. LVGL GUI滚轮控件的概念Roller 允许您通过滚动简单地从多个选项中选择一个选项。二. LVGL GUI滚轮小部件和样式滚轮的主要部分称为 LV_ROLLER_PART_BG 。它是一个矩形,并使用所有典型的背景属性。Roller标签的样式继承自背景的文本样式属性。要调整选项之间的间距,请使用 text_line_space 样式属性。该填充样式属性设置两侧的空间。中间的选定选项可通过 LV_ROLLER_PART_SELECTED 虚拟小部件引用。除了典型的背景属性外,它还使原创 2021-03-12 08:26:03 · 7339 阅读 · 1 评论 -
LVGL『Page页面控件』介绍
一. LVGL GUI页面控件的概念一个页面彼此包含两个容器:背景 可滚动的顶部二. LVGL GUI页面小部件和样式页面的主要部分称为页面的LV_PAGE_PART_BG背景。它使用所有典型的背景样式属性。使用填充会增加侧面的空间。可以通过LV_PAGE_PART_SCROLLABLE零件引用可滚动对象。它还使用所有典型的背景样式属性和填充来增加侧面的空间。LV_PAGE_PART_SCROLLBAR是绘制滚动条的背景的虚拟部分。使用所有典型的背景样式属性,使用size设置滚动条的原创 2021-03-11 07:27:40 · 7785 阅读 · 3 评论 -
类似PS的蒙版?可以实现,LVGL『Object mask对象蒙版控件』介绍
一. LVGL GUI对象蒙版控件的概念绘制其子级时,对象蒙版能够向图形添加一些蒙版二. LVGL GUI对象蒙版小部件和样式对象蒙版只有一个主要部分 LV_OBJMASK_PART_BG ,它使用典型的背景样式属性。三. LVGL GUI对象蒙版控件的使用1. 增加蒙版(Adding mask)在增加蒙版之前,需要下做初始化,用以下函数做蒙版初始化lv_draw_mask_<type>_param_t mask_param;lv_draw_mask_<ty原创 2021-03-11 07:27:09 · 4056 阅读 · 0 评论 -
LVGL『Message box消息框控件』介绍
一. LVGL GUI消息框控件的概念消息框充当弹出窗口。它们是由背景 Container,Label 和 Button 的 Button 矩阵构建的。文本将自动分成多行(具有 LV_LABEL_LONG_MODE_BREAK ),高度将自动设置为包含文本和按钮( LV_FIT_TIGHT 垂直适合)二. LVGL GUI消息框小部件和样式消息框的主要部分被调用 LV_MSGBOX_PART_MAIN ,它使用所有典型的背景样式属性。使用填充会增加侧面的空间。pad_inner 将在文本和按钮之原创 2021-03-08 18:05:04 · 9203 阅读 · 6 评论 -
又来?又一个仪表,LVGL『Line meter仪表控件』介绍
一. LVGL GUI仪表控件的概念线表对象由一些绘制比例的径向线组成。设置线表的值将按比例更改比例线的颜色。二. LVGL GUI仪表小部件和样式线表只有一个主要部分,称为 LV_LINEMETER_PART_MAIN 。它使用所有典型的背景属性绘制矩形或圆形背景,并使用 line 和 scale 属性绘制比例线。活动行(与当前值的较小值相关)从 line_color变为 scale_grad_color。最后一行(当前值之后)设置为 scale_end_color 颜色。三. LVGL原创 2021-03-08 18:04:18 · 4560 阅读 · 0 评论 -
GUI怎么能缺少列表, LVGL『List列表控件』介绍
一. LVGL GUI列表控件的概念列表是从背景页面和其上的按钮构建的。按钮包含一个可选的类似图标的图像(也可以是一个符号)和一个 Label。当列表足够长时,可以滚动它。二. LVGL GUI列表小部件和样式列表与页面具有相同的部分LV_LIST_PART_BG LV_LIST_PART_SCRL LV_LIST_PART_SCRLBAR LV_LIST_PART_EDGE_FLASH有关详细信息,请参见页面文档。列表上的按钮被视为普通按钮,它们只有一个主要部分称为 LV_BTN原创 2021-03-05 07:34:36 · 6914 阅读 · 5 评论 -
无处不在的线,LVGL『Line线控件』介绍
一. LVGL GUI线控件的概念Line 对象能够在一组点之间绘制直线。二. LVGL GUI线小部件和样式线只有一个主要部分,称为 LV_LABEL_PART_MAIN 。它使用所有线型属性。三. LVGL GU线控件的使用1. 设置点(Set points)用这个函数设置点lv_line_set_points(lines,point_array,point_cnt),函数原形为:上程序跟效果图,测试发现只有复制line的宽度,才会显示void lvgl_lin..原创 2021-03-05 07:34:11 · 4138 阅读 · 0 评论 -
GUI一灯大师,LVGL『LED控件』介绍
一. LVGL GUI LED控件的概念LED 是矩形(或圆形)的对象。它的亮度可以调节。亮度降低时,LED 的颜色会变暗。二. LVGL GUI LED小部件和样式LED 只有一个主要部分,称为 LED LV_LED_PART_MAIN ,它使用了所有典型的背景样式属性。三. LVGL GUI LED控件的使用1. 亮度(Brightness)使用这个函数来设置亮度lv_led_set_bright(led,bright)2. 开关(Toggle)使用这个来开启LED灯..原创 2021-03-04 10:48:09 · 3793 阅读 · 0 评论 -
GUI提示功控件,LVGL『Label标签控件』介绍
一. LVGL GUI标签控件的概念标签是用于显示文本的基本对象类型!算是一个比较常用的控件了二. LVGL GUI标签小部件和样式标签只有一个主要部分,称为 LV_LABEL_PART_MAIN 。它使用所有典型的背景属性和文本属性。填充可用于使文本的区域在相关方向上变小。三. LVGL GUI标签控件的使用1. 设置文本(Set text)用这个函数设置文本lv_label_set_text(label,"Newtext")用这个函数设置文本格式lv_label_set_..原创 2021-03-04 10:47:33 · 4417 阅读 · 1 评论 -
想做输入法界面?安排,LVGL『keyboard键盘控件』介绍
一. LVGL GUI键盘控件的概念Keyboard 对象是一个特殊的 Button 矩阵,具有预定义的按键映射和其他功能,以实现虚拟键盘来编写文本。二. LVGL GUI键盘小部件和样式类似于按钮 矩阵,键盘包括 2 部分:LV_KEYBOARD_PART_BG 这是主要部分,并使用了所有典型的背景属性 LV_KEYBOARD_PART_BTN 这是按钮的虚拟部分。它还使用所有典型的背景属性和文本属性。三. LVGL GUI键盘控件的使用1. 模式(Modes)键盘有如下模式.原创 2021-03-03 07:30:11 · 9645 阅读 · 2 评论 -
想让Button带个图片?安排!LVGL『Image button图片按键控件』介绍
一. LVGL GUI图片按键控件的概念图像按钮与简单的“按钮”对象非常相似。唯一的区别是,它在每种状态下显示用户定义的图像,而不是绘制矩形!二. LVGL GUI图片按键小部件和样式“图像”按钮对象只有一个主要部分, LV_IMG_BTN_PART_MAIN 从那里可以使用所有图像样式属性。可以使用 image_recolor 和 image_recolor_opa 属性在每种状态下为图像重新着色。例如,如果按下该按钮可使图像变暗。三. LVGL GUI图片按键控件的使用1. 图片源(原创 2021-03-03 07:29:28 · 6329 阅读 · 1 评论 -
无PS图片无炫酷啊,LVGL『Image图片控件』介绍
一. LVGL GUI图片控件的概念图像是从 Flash(作为数组)或从外部作为文件显示的基本对象,也可以是SYMBOL二. LVGL GUI图片小部件和样式图像只有一个主要部分 LV_IMG_PART_MAIN ,它使用典型的背景样式属性绘制背景矩形和图像属性。填充值用于使背景实际变大。(它不会更改图像的实际大小,但仅在绘图期间应用大小修改)三. LVGL GUI图片控件的使用1. 图片源(Image source)图片可以有以下源 a variable in the cod原创 2021-03-02 07:28:53 · 5673 阅读 · 4 评论 -
制作一个GUI仪表盘,安排!LVGL『Gauge仪表盘控件』介绍
一. LVGL GUI仪表盘控件的概念仪表盘是一种带有刻度标签和一根或多根针的仪表。比如车速/车转速等二. LVGL GUI仪表盘小部件和样式量规的主要部分称为 LV_GAUGE_PART_MAIN 。它使用典型的背景样式属性绘制背景,并使用线和比例样式属性绘制“较小”比例线。它还使用 text 属性设置比例标签的样式。pad_inner 用于设置刻度线和刻度标签之间的空间。LV_GAUGE_PART_MAJOR 是一个虚拟小部件,它使用 line 和 scale 样式属性描述了主要的比例尺线原创 2021-02-28 08:07:17 · 7983 阅读 · 3 评论 -
用GUI做一个下拉列表吧,LVGL『Drop-down list下拉列表控件』介绍
一. LVGL GUI下拉列表控件的概念下拉列表允许用户从列表中选择一个值。下拉列表默认情况下处于关闭状态,并显示单个值或预定义的文本。激活后(通过单击下拉列表),将创建一个列表,用户可以从中选择一个选项。当用户选择新值时,该列表将被删除。二. LVGL GUI下拉列表小部件和样式调用下拉列表的主要部分, LV_DROPDOWN_PART_MAIN 它是一个简单的 lv_obj 对象。它使用所有典型的背景属性。按下,聚焦,编辑等阶梯也照常应用。单击主对象时创建的列表是 Page。它的背景部分可原创 2021-02-27 08:22:21 · 5951 阅读 · 5 评论 -
美观!!大气!!! LVGL『Color picker颜色选择器控件』介绍
一. LVGL GUI颜色选择器控件的概念顾名思义,拾色器允许选择颜色。可以依次选择颜色的色相,饱和度和值。小部件具有两种形式:圆形(圆盘)和矩形。在这两种形式中,长按对象,颜色选择器将更改为颜色的下一个参数(色相,饱和度或值)。此外,双击将重置当前参数。二. LVGL GUI颜色选择器小部件和样式拾色器的主要部分称为 LV_CPICKER_PART_BG 。以圆形形式,它使用 scale_width 设置圆的宽度,并使用 pad_inner 在圆和内部预览圆之间填充。在矩形模式下,半径可以用于原创 2021-02-26 07:51:49 · 3561 阅读 · 2 评论 -
LVGL『Contain容器控件』介绍
一. LVGL GUI容器控件的概念容器本质上是具有布局和自动调整大小功能的基本对象。二. LVGL GUI容器小部件和样式容器只有一种主要样式 LV_CONT_PART_MAIN ,可以使用所有典型的免费属性和填充来自动调整布局大小。三. LVGL GUI容器控件的使用1. 布局(Layout)您可以在容器上应用一个布局来自动应用于它们的子容器,布局间距来自样式的pad属性。可能的布局选项: LV_LAYOUT_OFF- Do not align the children..原创 2021-02-26 07:50:46 · 5868 阅读 · 1 评论 -
让你的GUI统计更直观?试试 LVGL『Chart图表控件』吧
一. LVGL GUI图标控件的概念图表是可视化数据点的基本对象。它们支持折线图(将点与线连接和/或在其上绘制点)和柱形图。二. LVGL GUI图表小部件和样式图表的主要部分被称为LV_CHART_PART_BG ,它使用所有典型的背景属性。该文本样式属性确定轴文本的风格和线条属性决定了刻度的风格。 填充值在侧面增加了一些空间,因此使序列区域更小。填充也可用于为轴文本和刻度线留出空间。组合的背景称为 LV_CHART_PART_SERIES_BG ,并放置在主要背景上。在此部分上绘制了分.原创 2021-02-26 07:49:27 · 9427 阅读 · 6 评论 -
一篇文章足够你学习嵌入式GUI LVGL技术,提供史上最全的LVGL技术文章总结,文档代码下载总结)
一. 本文章目的以及系列目录1)给广大嵌入式GUI LVGL爱好者提供资料,代码下载渠道2)给广大嵌入式GUI LVGL爱好者增加一个学习文章导读整个LVGL系列有如下计划LVGL资料下载:提供文章所有资料以及代码下载途径 LVGL工具使用:主要介绍下模拟器的使用/电脑组态软件(我通常把电脑拖控件软件叫做组态软件) LVGL概念概述:主要对LVGL的对象/事件/风格/输入设备/显示等概念做介绍 LVGL控件介绍:主要对LVGL的控件做详细介绍 LVGL移植介绍:主要对LVGL移植原创 2021-02-25 16:58:17 · 38684 阅读 · 18 评论 -
嵌入式GUI LVGL资料下载
目前仅提供公众号关键字下载,有以下下载内容:1. NXP出的LVGL组态软件2. 全控件使用代码(整个系列的文章所有代码都在里面,代码量4228行)3.Visual Studio 2019模拟器的使用关注后在公众号分别回复以下内容便可得到资料(最好直接复制,不要自己敲,否则关键字不能匹配,注意复制红色字体)LVGL电脑软件 -》获取NXP出的LVGL组态软件LVGL控件代码 -》获取LVGL控件使用全系列代码LVGL模拟器 -》获取Visual...原创 2021-02-25 16:56:54 · 6282 阅读 · 1 评论 -
GUI重要组件之一的复选框,安排,LVGL『Checkbox复选框控件』介绍
一. LVGL GUI复选框控件的概念复选框是一种可同时选中多项的基础控件,他是什么模样来,来几张图说明下总之这个是GUI中使用频率比较高的一种控件!二. LVGL GUI复选框小部件和样式有两种小部件:LV_CHECKBOX_PART_BG:背景LV_CHECKBOX_PART_BULLET:指的是复选框本身的小框框,不包含文字写一个代码来看下:void lvgl_check_box_part_test(void){ lv_obj_t* cb1 = lv_c原创 2021-02-25 07:30:32 · 3886 阅读 · 0 评论 -
NXP给LVGL出组态软件啦!!撒花!Gui-Guider使用
最近NXP给LVGL出了一款组态软件,让我们coding LVGL组件之外,又多了一种开发方式,可以简化为:拖拖控件,点点鼠标就能完成简单的嵌入式GUI虽然他仅仅支持NXP的版本,但是你可以把生成的代码copy出来直接用在自己的板子上!爽歪歪?需要改善的地方就是启动太慢!!!下面我们上一张图来看下效果视频效果如下:LVGL出PC拖控件软件了!目前仅支持WIN10以及ubuntu,截止到2021/02/24最新的版本是V1.0,官网如下:https://www.nxp.com/d原创 2021-02-24 19:00:59 · 10133 阅读 · 4 评论 -
LVGL『Canvas画布控件』介绍
一. LVGL GUI画布控件的概念画布继承自图像,用户可以在其中绘制任何内容。可以使用 lvgl 的绘图引擎在此处绘制矩形,文本,图像,圆弧。除了一些“效果”,还可以应用,例如旋转,缩放和模糊。二. LVGL GUI画布小部件和样式画布的主要部分称为 LV_CANVAS_PART_MAIN ,只有 image_recolor 属性用于为LV_IMG_CF_ALPHA_1/2/4/8BIT 图像赋予颜色。三. LVGL GU画布控件的使用1. 缓冲(Buffer)画布需要一个缓冲区来原创 2021-02-24 07:56:19 · 11604 阅读 · 1 评论 -
肝一个嵌入式日历吧!LVGL『Calendar日历控件』介绍
一. LVGL GUI按键矩阵控件的概念LVGL做的日历空间还是比较好看的,而且需要我们做的事情很少,LVGL的日历控件有以下功能突出显示当天 突出显示任何用户定义的日期 显示日期名称 单击按钮进入下一个/上一个月 突出显示点击的日子二. LVGL GUI按键矩阵小部件和样式日历的主要部分称为 LV_CALENDAR_PART_BG 。它使用典型的背景样式属性绘制背景。还有以下虚拟部分外:LV_CALENDAR_PART_HEADER 显示当前年和月名称的上部区域。它还具有用于移动原创 2021-02-24 07:55:20 · 6516 阅读 · 5 评论 -
想做一个电话拨号效果?安排!LVGL『Button matrix按键矩阵控件』介绍
一. LVGL GUI按键矩阵控件的概念Button Matrix 控件可以在行和列中显示多个按钮。希望使用按钮矩阵而不是容器和单个按钮对象的主要原因是:对于基于网格的按钮布局,按钮矩阵更易于使用。 每个按钮矩阵消耗的内存少得多。二. LVGL GUI按键矩阵小部件和样式Button 矩阵的主要部分称为 LV_BTNMATRIX_PART_BG 。它使用典型的背景样式属性绘制背景。LV_BTNMATRIX_PART_BTN 是虚拟部分,它指的是按钮矩阵上的按钮。它还使用所有典型的背景属性原创 2021-02-23 08:38:57 · 3142 阅读 · 2 评论 -
GUI怎么能缺少了按键?LVGL『Button按键控件』介绍
一. LVGL GUI按键控件的概念按钮是简单的矩形对象。它们源自容器,因此也可以提供布局和配合。此外,可以启用它以在单击时自动进入检查状态。二. LVGL GUI按键小部件和样式这些按钮只有一个主要样式 LV_BTN_PART_MAIN ,可以使用以下组中的所有属性:启用布局或调整时,它还将使用 padding 属性。背景 边境 大纲 阴影 值 模式 过渡在这里奉上一个代码以及效果吧三. LVGL GU按键控件的使用1. 状态(States)为了简化按钮的使用,可原创 2021-02-23 08:34:01 · 4491 阅读 · 0 评论 -
想用LVGL做一个美观的进度条?跟进步伐,LVGL『Bar进度条控件』介绍
一. LVGL GUI进度条控件的概念首先我们来看下进度条控件的模样,有一个直观的认识!相信你只要想做什么炫酷的进度条都能搞出来!进度条控件类似于弧控件,也有一个背景跟指示器,背景是指进度条控件的宽度值,指示器是当前进度条在什么位置的值!二. LVGL GUI进度条小部件和样式进度条的主要部分被称为 LV_BAR_PART_BG ,它使用典型的背景样式属性。LV_BAR_PART_INDIC 是一个虚拟部件,还使用了所有典型的背景属性。默认情况下,指示器的最大尺寸与背景的尺寸相同原创 2021-02-22 18:13:54 · 9425 阅读 · 0 评论 -
用GUI画个弧?走起!LVGL『Arc弧控件』介绍走起
一. LVGL GUI弧控件介绍弧由背景弧和前景弧组成。两者都可以具有起始角度和终止角度以及厚度。以下这个就是弧控件的最简单的效果:二. LVGL GUI弧小部件和样式弧的主要部分称为 LV_ARC_PART_MAIN 。它使用典型的背景样式属性绘制背景,并使用线型属性绘制圆弧。圆弧的大小和位置将遵守填充样式的属性。LV_ARC_PART_INDIC 是虚拟小部件,它使用线型属性绘制了另一个弧。它的填充值是相对于背景弧线解释的。指示器圆弧的半径将根据最大填充值进行修改。LV_ARC_PA原创 2021-02-21 08:48:39 · 6700 阅读 · 4 评论