lvgl v8 line

最近由于项目需要，想要完成如图的特效

网上查了很多关于line_meter的demo，大多基于v7以下的，无法使用。所以针对v8，想做这么一个界面。

这里我直接贴程序了

lv_obj_t* lmeter;
static uint8_t tick;
lv_anim_t a;
static void sg_set_value(void* indic, int32_t v)
{
    lv_meter_set_indicator_end_value(lmeter, (lv_meter_indicator_t*)indic, v);
    if (v == 11)
    {
        tick++;
        if (tick >= 3)
        {
            lv_meter_set_indicator_end_value(lmeter, (lv_meter_indicator_t*)indic, 0);
            lv_anim_del(a.var, a.exec_cb);
            lv_obj_del(lmeter);
        }
    }

}
void lvgl_line_meter_range_angle_test(void)
{
    lmeter = lv_meter_create(lv_scr_act());
    lv_obj_remove_style(lmeter, NULL, LV_PART_INDICATOR);
    lv_obj_set_style_bg_color(lmeter, lv_color_black(), 0);

lv_meter_scale_t* scale_min1 = lv_meter_add_scale(lmeter);
    lv_obj_set_size(lmeter, 488*0.18*1.5, 488 * 0.18 * 1.5);
    lv_obj_set_pos(lmeter, 100, 150);
    lv_meter_set_scale_ticks(lmeter, scale_min1, 12, 5, 20, lv_palette_main(LV_PALETTE_GREY));
    lv_meter_set_scale_range(lmeter, scale_min1, 0, 11, 360, -120);

lv_meter_indicator_t* indic;
indic = lv_meter_add_scale_lines(lmeter, scale_min1, lv_color_white(), lv_color_white(),false,0);
lv_meter_set_indicator_end_value(lmeter, (lv_meter_indicator_t*)indic, 3);

lv_anim_init(&a);
    lv_anim_set_exec_cb(&a, sg_set_value);
    lv_anim_set_values(&a, 0, 11);
    lv_anim_set_repeat_delay(&a, 100);
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);

lv_anim_set_time(&a, 2000);
lv_anim_set_var(&a, indic);
lv_anim_start(&a);

}

运行效果如下图

lvgl v8 line_meter相关推荐

Ai-WB1系列驱动4.0寸电阻触摸屏运行LVGL v8.3
文章目录 @[TOC](文章目录) 前言一.功能预览 1.滑动条和按钮 2. 页面切换 3.动画效果 4.RGB控制功能 1)红灯控制 2)绿灯控制 3)蓝灯控制 4)幻彩灯控制二.接线二.固件 ...
STM32移植Littlevgl(LVGL)V8.0.2使用文件系统+BMP解码显示外部FLASH中图片
说明:选择BMP解码图片的方式,是因为此方式不需要占用太多的RAM 一.主要参数及版本 MCU:STM32F103ZET6 LCD:2.8寸ILI9341,使用FSMC驱动 SPI FLASH:W25 ...
LVGL V8学习之colorwheel色轮
这一篇来研究下LVGL V8下colorwheel色轮的使用,这个色轮是HSV样式的,下面的代码通过创建色轮对象,然后添加对象事件处理,移动旋钮,显示对应的颜色和RGB值还是通过codeblock来 ...
【分析笔记】LVGL v8.2.0 使用 freetype 概率性无显示的问题
使用目前最新的 Releases 版本 LVGL v8.2.0 ,移植好 freetype2 后测试,发现每次启动程序时会高概率出现屏幕显示全白色背景,无任何内容的问题. 打开日志开关,出现问题时会有 ...
LVGL v8学习笔记 | 01 - LVGL PC模拟器初体验
一.LVGL LVGL官网:https://lvgl.io/. LVGL全称Light and Versatile Graphics Library,轻量化和多功能的图形库,遵循MIT开源许可协议,具 ...
ESP32在Arduino框架下使用LVGL(v8.3)
效果展示小相机,按一下能拍照,并将照片保存在sd卡中. 开发环境使用的时VSCode+PlatformIO进行开发(强力推荐,用了就回不去了),当然也可以使用ArduinoIDE进行开发. 具体怎 ...
LVGL V8之显示中文
使用在线工具转换字体在线转换工具转换"长风破浪会有时\n直挂云帆济沧海" 转换好的文件内容 /***************************************** ...
LVGL V8之Event bubbling
按键事件处理 static void event_cb(lv_event_t* e) {lv_obj_t* target = lv_event_get_target(e); //获取事件产生的对象lv ...
LVGL v8学习笔记 | 06 - label控件的使用方法
文章目录一.label控件 1. 创建label对象 2. 设置label的文本 3. 获取label文本 4. label的大小 5. label的样式 6. label的事件二.label控件 ...

lvgl v8 line_meter

lvgl v8 line_meter相关推荐

最新文章

热门文章