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,