LVGL -滑动条
1 滑动条
LVGL 的滑动条(Slider)是一个非常有用的控件,允许用户通过拖动滑块或点击滑条来选择一个值。
1.1 基本定义
滑动条允许用户在一个预定义的数值范围内选择一个特定的值。它通常由一个轨道(track)和一个滑块(thumb)组成。用户可以通过点击或拖动滑块来调整数值。
1.2 主要组成部分
轨道(Track):表示滑动条的背景部分,通常呈直线,显示出滑动的范围。
滑块(Thumb):可以拖动的部分,表示当前的选择值。
标签(Label)(可选):通常用来显示当前值,使用户更清楚地知道他们选择的是什么。
所以风格也可以根据背景、前景、滑块来配置风格。
1.3 使用场景
音量调节:如播放器中的音量控制。
亮度调节:如屏幕亮度的调整。
色彩选择:如选择颜色的不同数值(RGB、HSV等)。
数值选择:如设置某个参数的具体值。
1.4 交互方式
点击和拖动:用户可以直接点击滑块并拖动到所需的位置。
点击轨道:用户可以点击轨道的任意位置,使滑块移动到该位置。
1.5 优点
直观:滑动条提供了直观的视觉反馈,用户能很容易理解如何操作。
高效:在需要选择范围内的值时,滑动条比输入框更加高效。
2 基本操作
2.1 创建滑动条
lv_slider_create(lv_obj_t * parent)
- 创建一个新的滑动条对象,并将其添加到指定的父对象中。
- 参数:parent - 父对象,即滑动条将要显示的页面或容器。
lv_obj_t * slider = lv_slider_create(lv_scr_act());
lv_obj_set_size(slider, 200, 20); // 设置宽度和高度
lv_obj_center(slider); // 居中显示
2.2 设置范围
lv_slider_set_range(lv_obj_t * slider, int32_t min, int32_t max)
设置滑动条的范围。
参数:min - 最小值;max - 最大值。
lv_slider_set_range(slider,