ESP32 开发笔记(四）LVGL控件学习 List 列表控件-程序员宅基地

先看效果，创建一个带FontAwesome字体图标的列表演示列表控件的使用

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

四、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_list):

列表是从背景页面(Page) 和其上的按钮(Buttons) 构建的。按钮包含可选的类似图标的 图像(Image)_ （也可以是符号）和 标签(Label)_。当列表足够长时，可以滚动它。

零件和样式

列表与页面(Page) 具有相同的部分

LV_LIST_PART_BG
LV_LIST_PART_SCRL
LV_LIST_PART_SCRLBAR
LV_LIST_PART_EDGE_FLASH

有关详细信息，请参见页面(Page) 部分。

列表上的按钮被视为普通按钮，它们只有一个主要部分，称为 LV_BTN_PART_MAIN 。

用法

添加按钮

可以使用 lv_list_add_btn(list, &icon_img, "Text") 或符号 lv_list_add_btn(list, SYMBOL_EDIT, "Edit text") 添加新的列表元素（按钮）。如果不想添加图像，请使用 NULL 作为图像源。该函数返回指向创建的按钮的指针，以允许进行进一步的配置。

按钮的宽度根据对象的宽度设置为最大。按钮的高度会根据内容自动调整。（内容高度+ padding_top + padding_bottom）。

标签以 LV_LABEL_LONG_SROLL_CIRC 长模式创建，以自动循环滚动长标签。

lv_list_get_btn_label(list_btn) 和 lv_list_get_btn_img(list_btn) 可用于获取标签和列表按钮的图像。可以直接使用 lv_list_get_btn_text(list_btn) 来输入文本。

删除按钮

要删除列表元素，请使用 lv_list_remove(list, btn_index) 。可以通过 lv_list_get_btn_index(list, btn) 获得btn_index，其中btn是 lv_list_add_btn() 的返回值。

要清除列表（删除所有按钮），请使用 lv_list_clean(list)

手动导航

可以使用 lv_list_up(list) 和 lv_list_down(list) 在列表中手动导航。

可以使用 lv_list_focus(btn, LV_ANIM_ON/OFF) 直接关注按钮。

上/下/焦点移动的动画时间可以通过以下命令设置： lv_list_set_anim_time(list, anim_time) 。动画时间为零表示不是动画。

布局

默认情况下，列表是垂直的。要获取水平列表，请使用 lv_list_set_layout(list, LV_LAYOUT_ROW_MID) 。

边缘闪烁

当列表到达最高或最低位置时，可以显示类似圆圈的效果。 lv_list_set_edge_flash(list, true) 启用此功能。

滚动传播

如果列表是在其他可滚动元素（例如页面(Page) ）上创建的，并且列表无法进一步滚动，则滚动可以传播到父级。这样，滚动将在父级上继续。可以通过lv_list_set_scroll_propagation（list，true）启用它

事件

仅支持通用事件。

按键处理

列表处理以下按键：

LV_KEY_RIGHT/DOWN 选择下一个按钮
LV_KEY_LEFT/UP 选择上一个按钮

请注意，与往常一样， LV_KEY_ENTER 的状态会转换为 LV_EVENT_PRESSED/PRESSING/RELEASED 等。

所选按钮处于 LV_BTN_STATE_PR/TG_PR 状态。

要手动选择按钮，请使用 lv_list_set_btn_selected(list, btn) 。当列表散焦并再次聚焦时，它将恢复最后选择的按钮。

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

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

while循环&CPU占用率高问题深入分析与解决方案_main函数使用while(1)循环cpu占用99-程序员宅基地

文章浏览阅读3.8k次，点赞9次，收藏28次。直接上一个工作中碰到的问题，另外一个系统开启多线程调用我这边的接口，然后我这边会开启多线程批量查询第三方接口并且返回给调用方。使用的是两三年前别人遗留下来的方法，放到线上后发现确实是可以正常取到结果，但是一旦调用，CPU占用就直接100%(部署环境是win server服务器)。因此查看了下相关的老代码并使用JProfiler查看发现是在某个while循环的时候有问题。具体项目代码就不贴了，类似于下面这段代码。while(flag) {//your code;}这里的flag._main函数使用while(1)循环cpu占用99

【无标题】jetbrains idea shift f6不生效_idea shift +f6快捷键不生效-程序员宅基地

文章浏览阅读347次。idea shift f6 快捷键无效_idea shift +f6快捷键不生效

node.js学习笔记之Node中的核心模块_node模块中有很多核心模块,以下不属于核心模块,使用时需下载的是-程序员宅基地

文章浏览阅读135次。Ecmacript 中没有DOM 和 BOM核心模块Node为JavaScript提供了很多服务器级别，这些API绝大多数都被包装到了一个具名和核心模块中了，例如文件操作的 fs 核心模块，http服务构建的http 模块 path 路径操作模块 os 操作系统信息模块// 用来获取机器信息的var os = require('os')// 用来操作路径的var path = require('path')// 获取当前机器的 CPU 信息console.log(os.cpus._node模块中有很多核心模块,以下不属于核心模块,使用时需下载的是

数学建模【SPSS 下载-安装、方差分析与回归分析的SPSS实现(软件概述、方差分析、回归分析)】_化工数学模型数据回归软件-程序员宅基地

文章浏览阅读10w+次，点赞435次，收藏3.4k次。SPSS 22 下载安装过程7.6 方差分析与回归分析的SPSS实现7.6.1 SPSS软件概述1 SPSS版本与安装2 SPSS界面3 SPSS特点4 SPSS数据7.6.2 SPSS与方差分析1 单因素方差分析2 双因素方差分析7.6.3 SPSS与回归分析SPSS回归分析过程牙膏价格问题的回归分析_化工数学模型数据回归软件

利用hutool实现邮件发送功能_hutool发送邮件-程序员宅基地

文章浏览阅读7.5k次。如何利用hutool工具包实现邮件发送功能呢？1、首先引入hutool依赖<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.19</version></dependency>2、编写邮件发送工具类package com.pc.c..._hutool发送邮件

docker安装elasticsearch，elasticsearch-head，kibana，ik分词器_docker安装kibana连接elasticsearch并且elasticsearch有密码-程序员宅基地

文章浏览阅读867次，点赞2次，收藏2次。docker安装elasticsearch，elasticsearch-head，kibana，ik分词器安装方式基本有两种，一种是pull的方式，一种是Dockerfile的方式，由于pull的方式pull下来后还需配置许多东西且不便于复用，个人比较喜欢使用Dockerfile的方式所有docker支持的镜像基本都在https://hub.docker.com/docker的官网上能找到合..._docker安装kibana连接elasticsearch并且elasticsearch有密码

随便推点

Python 攻克移动开发失败！_beeware-程序员宅基地

文章浏览阅读1.3w次，点赞57次，收藏92次。整理 | 郑丽媛出品 | CSDN（ID：CSDNnews）近年来，随着机器学习的兴起，有一门编程语言逐渐变得火热——Python。得益于其针对机器学习提供了大量开源框架和第三方模块，内置..._beeware

Swift4.0_Timer 的基本使用_swift timer 暂停-程序员宅基地

文章浏览阅读7.9k次。//// ViewController.swift// Day_10_Timer//// Created by dongqiangfei on 2018/10/15.// Copyright 2018年飞飞. All rights reserved.//import UIKitclass ViewController: UIViewController { ..._swift timer 暂停

元素三大等待-程序员宅基地

文章浏览阅读986次，点赞2次，收藏2次。1.硬性等待让当前线程暂停执行，应用场景：代码执行速度太快了，但是UI元素没有立马加载出来，造成两者不同步，这时候就可以让代码等待一下，再去执行找元素的动作线程休眠，强制等待 Thread.sleep(long mills)package com.example.demo;import org.junit.jupiter.api.Test;import org.openqa.selenium.By;import org.openqa.selenium.firefox.Firefox.._元素三大等待