ESP32 开发笔记(四）LVGL控件学习 Gauge 指针仪表量规控件

路过人间本尊

已于 2022-07-20 17:50:26 修改

阅读量6.5k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： ESP32 HelloBug开发板教程 ESP32 LVGL 文章标签：学习

于 2020-12-03 10:33:58 首次发布

本文链接：https://blog.csdn.net/cnicfhnui/article/details/110521116

ESP32 HelloBug开发板教程同时被 3 个专栏收录

69 篇文章

订阅专栏

ESP32

43 篇文章

订阅专栏

LVGL

40 篇文章

订阅专栏

先看效果，创建两个不同范围不同警告阈值的指针仪表控件，第一个为单指针仪表带负数通过动画对象回调的方式动态显示，第二个为三指针静态

开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674

一、开发板简介

二、开发环境搭建 windows

三、基础示例

四、LVGL控件使用示例

  LVGL_Arc_Test 圆弧指示器通过触摸动态改变值
 LVGL_Bar_Test 通过动画方式动态演示Bar进度条的使用方法
   LVGL_Button_Test 通过5种不同动态效果的按钮学习按钮的创建与使用
   LVGL_ButtonMatrix_Test 创建一个计算器布局来演示矩阵按钮控件的使用
   LVGL_Calendar_Test 日历控件的创建和使用
 LVGL_Canvas_Test 透明画布和画一个圆角过渡色矩形旋转角度学习画布的使用
   LVGL_Chart_Test 通过创建三个不同风格的图表来学习图表控件的使用
   LVGL_Checkbox_Test 学习复选框控件的创建和使用
   LVGL_ColorPicker_Test 创建一个颜色选择器并动态显示当前颜色的RGB值
   LVGL_Container_Test 在容器控件上动态创建三个文本标签
   LVGL_Drop_down_List_Test 创建三个不同类型的下拉选择控件
   LVGL_Gauge_Test 创建一个动态仪表和静态多指针仪表
  LVGL_Image_Test 通过四个滑动条控制图片颜色的变化学习图像控件的使用
   LVGL_ImageButton_Test   创建一个图片背景的图像按钮
   LVGL_Keyboard_Test 通过一个文本输入框控件还学习键盘控件的调用关闭设置
   LVGL_Label_Test   创建颜色可变，长文本滚动，带阴影3D效果三个标签控件
 LVGL_LED_Test   创建三个LED，学习LED控件的调光，颜色，开关的设置
   LVGL_Line_Test   通过二维数组创建一段折线来演示线控件的使用
   LVGL_LineMeter_Test 创建两个不同的线段弧形指示器动态展示数据
   LVGL_List_Test 创建一个带图标的列表控件
   LVGL_MessageBox_Test 创建一个带按钮的消息框控件
   LVGL_ObjectMask_Test 创建一个变幻色的文本学习蒙版遮罩效果
   LVGL_Page_Test 学习页面控件的使用
   LVGL_Roller_Test 通过示例学习滑动列表选择器控件
   LVGL_Slider_Test 创建一个单向和一个双向滑动条控件
   LVGL_Spinbox_Test 学习微调控件的使用
   LVGL_Spinner_Test 创建三个不同的环形加载器
   LVGL_Switch_Test 创建两个不同的开关控件
   LVGL_Table_Test 创建一个简单的表格
   LVGL_Tabview_Test 实现三页的页面切换学习Tabview控件
   LVGL_Textarea_Test 长按实现打字机效果的Textarea控件
   LVGL_Tileview_Test 实现四面环形触摸切换的Tileview控件
   LVGL_Window_Test 创建一个窗口，带设置子窗口学习窗口控件的使用

量规(lv_gauge):

量规是一种带有刻度标签和一根或多根针的仪表。

小部件和样式

量规的主要部分称为 LV_GAUGE_PART_MAIN 。它使用典型的背景样式属性绘制背景，并使用线和比例样式属性绘制“较小”比例线。它还使用text属性设置比例标签的样式。pad_inner用于设置刻度线和刻度标签之间的空间。

LV_GAUGE_PART_MAJOR 是一个虚拟小部件，它使用line和scale样式属性描述了主要的比例尺线（添加了标签）。

LV_GAUGE_PART_NEEDLE 也是虚拟小部件，它通过线型属性来描述针。的大小和典型的背景属性用于描述在所述针（多个）的枢转点的矩形（或圆形）。 pad_inner用于使针比刻度线的外半径小。

用法

设定值和针

量规可以显示多于一根针。使用 lv_gauge_set_needle_count(gauge, needle_num, color_array) 函数设置针数和每根针具有颜色的数组。数组必须是静态或全局变量，因为仅存储其指针。

可以使用 lv_gauge_set_value(gauge, needle_id, value) 来设置针的值。

规模

可以使用 lv_gauge_set_scale(gauge, angle, line_num, label_cnt) 函数来调整刻度角度以及刻度线和标签的数量。默认设置为220度，6个比例标签和21条线。

量表的刻度可以偏移。可以通过 lv_gauge_set_angle_offset(gauge, angle) 进行调整。

范围

量规的范围可以通过 lv_gauge_set_range(gauge, min, max) 指定。默认范围是0..100。

针图

图像也可用作针。图像应指向右侧（如==>）。要设置图像，请使用 lv_gauge_set_needle_img(gauge1, &img, pivot_x, pivot_y) 。 ivot_x 和 pivot_y 是旋转中心距左上角的偏移量。图像将使用来自 LV_GAUGE_PART_NEEDLE 中的样式的 image_recolor_opa 强度重新着色为针的颜色。