LVGL实现滑动圆点指示器

### 使用 LVGL 创建滑动圆点指示器

为了创建一个带有圆形指针的滑动控件，在LVGL中可以利用`lv_slider`组件并自定义其样式来实现这一目标。下面展示了一个具体的实例，该实例展示了如何配置滑块使其具有圆形外观。

#### 初始化滑块对象
首先初始化一个新的滑块对象，并将其添加到指定父容器内：

// Create a slider in the center of the display with parent container 'parent'
lv_obj_t *slider = lv_slider_create(parent);

#### 设置滑块属性
设置滑块的一些基本参数，比如宽度、高度以及范围等：

// Set size and range for the slider
lv_obj_set_width(slider, 200);    /*Set width*/
lv_slider_set_range(slider, 0, 100); // Set value range from 0 to 100

#### 自定义滑块样式
通过修改滑块的不同部分（背景、指示条和旋钮），可以使滑块呈现出所需的视觉效果。这里重点在于调整旋钮形状为圆形：

static lv_style_t style_knob;
lv_style_init(&style_knob);

/* Make knob circular */
lv_style_set_radius(&style_knob, LV_RADIUS_CIRCLE);
lv_style_set_bg_opa(&style_knob, LV_OPA_COVER);
lv_style_set_bg_color(&style_knob, lv_palette_main(LV_PALETTE_BLUE));

/* Apply custom styles */
lv_obj_add_style(slider, &style_knob, LV_PART_KNOB);

上述代码片段设置了旋钮(`LV_PART_KNOB`) 的半径为 `LV_RADIUS_CIRCLE` 来确保它呈现为完美的圆形，并赋予蓝色作为默认颜色[^1]。

#### 完整示例代码
以下是完整的C语言程序清单，用于创建带有一个圆形旋钮样式的滑块控件:

#include "lvgl/lvgl.h"

void create_circular_slider(lv_obj_t* parent){
    
    static lv_style_t style_knob;
    lv_style_init(&style_knob);

    /* Customize the appearance of the knob */
    lv_style_set_radius(&style_knob, LV_RADIUS_CIRCLE);
    lv_style_set_bg_opa(&style_knob, LV_OPA_COVER);
    lv_style_set_bg_color(&style_knob, lv_palette_main(LV_PALETTE_BLUE));
  
    /* Create Slider object */
    lv_obj_t *slider = lv_slider_create(parent);
    lv_obj_set_width(slider, 200);     /* Adjust Width */
    lv_slider_set_range(slider, 0, 100); // Define Value Range
  
    /* Apply Custom Style To Knob Part Of The Slider */
    lv_obj_add_style(slider, &style_knob, LV_PART_KNOB);
}

此函数接受一个父级容器作为输入参数，并在其内部创建一个具有特定样式的滑块。当调用这个方法时，将会显示一个拥有圆形旋钮设计的水平方向上的滑块。