随笔分类 - 嵌入式开发 / 06. LVGL图形化设计
摘要:一、滑块部件 滑块部件常用于调节某个参数的值,它以直线滑动的形式来修改数值。滑块部件由三个部分组成:主体背景(LV_PART_MAIN)、指示器(LV_PART_INDICATOR)和 旋钮(LV_PART_KNOB)。 LVGL 官方提供了一些与滑块部件相关 API。 lv_obj_t * lv_
阅读全文
摘要:一、微调器部件 微调器部件本质上就是一个文本区域部件,它只不过在后者的基础上做了一些延伸。微调器主要用于精确调节某个参数值。 LVGL 官方提供了一些与微调器部件相关 API。 lv_obj_t * lv_spinbox_create(lv_obj_t * parent); // 创建微调器部件 v
阅读全文
摘要:一、键盘部件 键盘部件本质上是一个特殊的按钮矩阵,它具有预定义的键映射和逻辑处理,从而实现文本的输入功能。键盘部件与按钮矩阵的组成类似,一共有两个部分:主体背景(LV_PART_MAIN)和 按钮(LV_PART_ITEMS)。 LVGL 官方提供了一些与键盘部件相关 API。 lv_obj_t *
阅读全文
摘要:一、文本区域部件 文本域部件就是我们常用的文本输入框,用户可以在其中输入所需文本。文本区域部件由五个部分组成: 主体(LV_PART_MAIN):可设置背景属性以及文本样式属性。 滚动条(LV_PART_SCROLLBAR):可设置滚动条样式属性。 所选文本(LV_PART_SELECTED):可设
阅读全文
摘要:一、滚轮部件 滚轮部件常用于多选一的场景,它以 滚轮 的形式来展开多个选项。滚轮部件由两个部分组成:① 主体背景(LV_PART_MAIN)和 ② 所选文本(LV_PART_SELECTED),示意图如下: LVGL 官方提供了一些与滚轮部件相关 API。 lv_obj_t * lv_roller_
阅读全文
摘要:一、下拉列表部件 下拉列表部件常用于多选一的场景,其点击后可展开多个选项,用户可以从这些选项中选择一个,一旦选择好后,这些选项会自动收回。下拉列表部件由五个部分组成,按钮部分 由 ① 按钮的主体背景(LV_PART_MAIN)和 ② 指示器(LV_PART_INDICATOR),列表部分 由 ③ 当
阅读全文
摘要:一、复选框部件 复选框部件 由两个部分组成:主体(LV_PART_MAIN)和 勾选框(LV_PART_INDICATOR),示意图如下: 我们可以通过 lv_checkbox_create() 函数来 创建复选框部件。 /** * @brief 创建复选框部件 * * @param parent
阅读全文
摘要:一、按钮矩阵部件 在 LVGL 中,按钮矩阵部件相当于一系列伪按钮的集合,它按一定的序列来排布这些按钮。这些伪按钮并不是真正的按钮部件(lv_btn),它们只是具有按钮外观的图形,但这些图形具有和按钮一样的点击效果。伪按钮所占的内存非常小,一个伪按钮大概占用 8 个字节,而一个普通按钮部件所占的内存
阅读全文
摘要:一、按钮部件 在 LVGL 中,当 按钮部件(lv_btn)被创建出来之后,其默认是一个圆角矩形,较为遗憾的是,按钮部件并不能直接设置文本。按钮部件仅有一个组成部分:主体背景。 我们可以通过 lv_btn_create() 函数 创建按钮部件。 #define lv_btn_create lv_bu
阅读全文
摘要:一、开关部件 开关部件 由三个部分组成:主体背景(LV_PART_MAIN)、指示器(LV_PART_INDICATOR)和 旋钮(LV_PART_KNOB),示意图如下: 用户可以通过 lv_switch_create() 函数来 创建开关部件。 /** * @brief 创建开关部件 * * @
阅读全文
摘要:一、圆弧部件 圆弧部件以弧形的形式来调节、显示某个参数的值。圆弧(lv_arc)部件由三个部分组成:背景弧(LV_PART_MAIN)、前景弧(LV_PART_INDICATOR)和 旋钮(LV_PART_KNOB),示意图如下: LVGL 官方提供了一些与圆弧部件相关 API 函数。 lv_obj
阅读全文
摘要:一、线条部件 线条部件能够在一组坐标点之间依次 绘制直线。线条部件只有一个组成部分:主体(LV_PART_MAIN)。 LVGL 官方提供了一些与线条部件相关 API。 lv_obj_t * lv_line_create(lv_obj_t * parent); // 创建线条部件 void lv_l
阅读全文
摘要:一、LVGL的标签部件 在 LVGL 中,标签部件 常用于文本显示,例如标题、提示文本等。标签部件由三个部分组成:主体背景(LV_PART_MAIN)、滚动条(LV_PART_SCROLLBAR)和 所选文本(LV_PART_SELECTED)。 LVGL 官方提供了一些与标签部件相关 API,如下
阅读全文
摘要:一、LVGL的对象 1.1、LVGL的对象介绍 在 LVGL 中,用户界面的基本构建成分是对象,也称为小部件,例如:按钮、标签、图片、列表、图表、文本区域,等等。值得注意的是,LVGL 图形库虽然是由 C 语言开发的,但其所采用的是一种面对对象编程思维,这就涉及到了“类”的概念。在 C 语言中,并没
阅读全文
摘要:一、下载LVGL的PC模拟器 PC 模拟器是指可以在电脑上模拟其他平台的模拟器软件。在没有硬件的情况下,用户依然可以使用模拟器来调试 GUI。我们可以从 LVGL 官方的在线文档中获取 LVGL 模拟器(https://docs.lvgl.io/master/index.html),点击【Integ
阅读全文
摘要:一、LVGL简介 LVGL(Light and Versatile Graphics Library)是一个免费的轻量级开源图形库。LVGL 是一款具有丰富部件,具备高级图形特性,支持多种输入设备和多国语言,独立于硬件之外的开源图形库。LVGL 官方网址为:https://lvgl.io/。LVGL
阅读全文

浙公网安备 33010602011771号