先看效果，创建一个颜色选择器控件，设置事件回调动态显示当前选择的颜色值

开发板购买链接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_cpicker)：

顾名思义，拾色器允许选择颜色。可以依次选择颜色的色相，饱和度和值。

小部件有两种形式：圆形（圆盘）和矩形。

在这两种形式中，长按对象，颜色选择器将更改为颜色的下一个参数（色相，饱和度或值）。此外，双击将重置当前参数。

零件和样式

拾色器的主要部分称为 LV_CPICKER_PART_BG 。以圆形形式，它使用scale_width设置圆的宽度，并使用pad_inner在圆和内部预览圆之间填充。在矩形模式下，半径可以用于在矩形上应用半径。

该对象具有称为的虚拟部分 LV_CPICKER_PART_KNOB ，它是在当前值上绘制的矩形（或圆形）。它使用所有矩形（如样式属性和填充）使其大于圆形或矩形背景的宽度。

用法

类型

可以使用 lv_cpicker_set_type(cpicker, LV_CPICKER_TYPE_RECT/DISC) 更改颜色选择器的类型

设定颜色

可以使用 lv_cpicker_set_hue/saturation/value(cpicker, x) 手动设置colro，或者使用 lv_cpicker_set_hsv(cpicker, hsv) 或 lv_cpicker_set_color(cpicker, rgb) 一次全部设置

色彩模式

可以使用 lv_cpicker_set_color_mode(cpicker, LV_CPICKER_COLOR_MODE_HUE/SATURATION/VALUE) 手动选择当前颜色。

使用 lv_cpicker_set_color_mode_fixed(cpicker, true) 固定颜色（不要长按更改）

旋钮颜色

lv_cpicker_set_knob_colored(cpicker, true) 使旋钮自动将所选颜色显示为背景色。

事件

仅通用事件是按对象类型发送的。

按键

LV_KEY_UP, LV_KEY_RIGHT 将当前参数的值增加1
LV_KEY_DOWN, LV_KEY_LEFT 将当前参数减1
LV_KEY_ENTER 长按将显示下一个模式。通过双击将重置当前参数。

ESP32 开发笔记(四）LVGL控件学习 ColorPicker 颜色选择器控件相关推荐

ESP32 开发笔记(四）LVGL控件学习 Canvas 画布控件
先看效果,创建了两个画布,一个按钮,按钮是为了演示透明画布效果, 第一个画布先画一个不透明蓝色矩形再画透明矩形,透过画布可以看到下面的按钮第二个面布画了一个圆角矩形中间填充过渡色,再画一个字符串,然 ...
ESP32 开发笔记(四）littleVGL LVGL 控件学习 Arc 弧形控件
先看效果,创建了两个Arc 弧形控件,一个可触摸拖动的默认风格,一个动画控制的自定义风格的弧形控件 ESP-IDF版本:V4.2 littleVGL版本:V7.10.0 开发板购买链接https:// ...
ESP32 开发笔记(四）LVGL控件学习 Table 表格控件
先看效果,创建一个简单的表格开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft= ...
ESP32 开发笔记(三）源码示例 8_DHT11_RMT 使用RMT实现读取DHT11温湿度传感器
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...
ESP32 开发笔记(三）源码示例 14_WIFI_Scan 附近WIFI信号扫描示例
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...
ESP32 开发笔记(三）源码示例 6_TouchPad_Interrupt 电容触摸中断实现触摸按钮
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...
ESP32 开发笔记(三）源码示例 13_IR_Send_RMT 使用RMT实现红外数据发送（NEC编码）
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...
ESP32 开发笔记(三）源码示例 0、Hello Bug ESP_LOGX与printf
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...
ESP32 开发笔记(三）源码示例 3_LEDC_PWM 使用LEDC实现LED呼吸灯
开发板购买链接 https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=62636 ...

ESP32 开发笔记(四）LVGL控件学习 ColorPicker 颜色选择器控件