LVGL 8.2 meter with multiple arcs

最新推荐文章于 2024-03-26 09:38:37 发布

风雨依依

最新推荐文章于 2024-03-26 09:38:37 发布

阅读量1k

点赞数 1

分类专栏： little VGL C/C++ 文章标签： LVGL 8.2 meter

C/C++ 同时被 2 个专栏收录

164 篇文章 9 订阅

订阅专栏

little VGL

133 篇文章 112 订阅

订阅专栏

动画回调函数

static lv_obj_t* meter;
static void set_value(void* indic, int32_t v)
{
    lv_meter_set_indicator_end_value(meter, indic, v); // 设置meter结束值
}

创建meter

static void lv_example_meter_2(void)
{
    meter = lv_meter_create(lv_scr_act()); // 创建meter对象
    lv_obj_center(meter);   // 居中显示
    lv_obj_set_size(meter, 200, 200);  // 设置大小
    /*Remove the circle from the middle*/
    lv_obj_remove_style(meter, NULL, LV_PART_INDICATOR);  // 移除中间圆点
    /*Add a scale first*/
    lv_meter_scale_t* scale = lv_meter_add_scale(meter); // meter添加刻度
    lv_meter_set_scale_ticks(meter, scale, 11, 2, 10, lv_palette_main(LV_PALETTE_GREY));  // 设置刻度，刻度数11，刻度线宽2，刻度红长10，刻度线颜色灰色
    lv_meter_set_scale_major_ticks(meter, scale, 1, 2, 30, lv_color_hex3(0xeee), 15); // 设置major ticks,nth 1,线宽2，线长30，线颜色0xeee,线与label间距15
    lv_meter_set_scale_range(meter, scale, 0, 100, 270, 90); // 设置meter最小值0，最大值100，角度范围270，3点钟方向角度偏移90
    /*Add a three arc indicator*/
    lv_meter_indicator_t* indic1 = lv_meter_add_arc(meter, scale, 10, lv_palette_main(LV_PALETTE_RED), 0);  // 添加红色指示器
    lv_meter_indicator_t* indic2 = lv_meter_add_arc(meter, scale, 10, lv_palette_main(LV_PALETTE_GREEN), -10); // 添加绿色指示器
    lv_meter_indicator_t* indic3 = lv_meter_add_arc(meter, scale, 10, lv_palette_main(LV_PALETTE_BLUE), -20); // 添加蓝色指示器
    /*Create an animation to set the value*/
    lv_anim_t a;
    lv_anim_init(&a);
    lv_anim_set_exec_cb(&a, set_value);  // 动画执行回调函数
    lv_anim_set_values(&a, 0, 100);  // 动画start值0，end值100
    lv_anim_set_repeat_delay(&a, 100); // 重复动画前延时100毫秒
    lv_anim_set_playback_delay(&a, 100); // 开始回播前延时100毫秒
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE); // 无限重复
    lv_anim_set_time(&a, 2000);  // 动画持续时间2000毫秒
    lv_anim_set_playback_time(&a, 500);  //回播持续时间500毫秒
    lv_anim_set_var(&a, indic1);  // 设置动画对象指示器1
    lv_anim_start(&a); // 启动动画

    lv_anim_set_time(&a, 1000);   // 动画持续时间1000毫秒
    lv_anim_set_playback_time(&a, 1000); //回播持续时间1000毫秒
    lv_anim_set_var(&a, indic2); // 设置动画对象指示器2
    lv_anim_start(&a); // 启动动画
    
    lv_anim_set_time(&a, 1000);   // 动画持续时间1000毫秒
    lv_anim_set_playback_time(&a, 2000);  //回播持续时间2000毫秒
    lv_anim_set_var(&a, indic3); // 设置动画对象指示器3
    lv_anim_start(&a);  // 启动动画
}