先看效果,创建一个简单的滑动选择控件
开发板购买链接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_roller):
滚筒允许通过滚动简单地从多个选项中选择一个选项。
零件和样式
滚筒的主要部件称为 LV_ROLLER_PART_BG
。它是一个矩形,并使用所有典型的背景属性。 Roller标签的样式继承自背景的文本样式属性。 要调整选项之间的间距,请使用text_line_space样式属性。填充样式属性设置了侧面的空间。
中间的选定选项可以用 LV_ROLLER_PART_SELECTED
虚拟零件引用。除了典型的背景属性外,它还使用文本属性来更改所选区域中文本的外观。
用法
设定选项
这些选项作为带有 lv_roller_set_options(roller, options, LV_ROLLER_MODE_NORMAL/INFINITE)
的字符串传递给Roller。选项应用 \n
分隔。例如: "First\nSecond\nThird"
。
LV_ROLLER_MODE_INFINITE
使滚子呈圆形。
可以使用 lv_roller_set_selected(roller, id, LV_ANIM_ON/OFF)
手动选择选项,其中id是选项的索引。
获取选择的选项
使用 lv_roller_get_selected(roller)
获取当前选定的选项,它将返回选定选项的索引。
lv_roller_get_selected_str(roller, buf, buf_size)
将所选选项的名称复制到 buf
。
选项对齐
要水平对齐标签,请使用 lv_roller_set_align(roller, LV_LABEL_ALIGN_LEFT/CENTER/RIGHT)
水平对齐标签。
可见行
可见行数可以通过 lv_roller_set_visible_row_count(roller, num)
进行调整
动画时间
当滚轴滚动且未完全停在某个选项上时,它将自动滚动到最近的有效选项。可以通过 lv_roller_set_anim_time(roller, anim_time)
更改此滚动动画的时间。动画时间为零表示没有动画。
事件
除了 通用事件 ,滚筒还支持以下 特殊事件 :
- LV_EVENT_VALUE_CHANGED 选定新选项时发送
按键处理
以下按键由按钮处理:
- LV_KEY_RIGHT/DOWN 选择下一个选项
- LV_KEY_LEFT/UP 选择上一个选项
- LY_KEY_ENTER 应用选定的选项(发送LV_EVENT_VALUE_CHANGED事件)