LVGL_基础控件进度条bar

最新推荐文章于 2024-08-04 11:07:52 发布

HX科技

最新推荐文章于 2024-08-04 11:07:52 发布

阅读量697

点赞数 1

分类专栏：单片机UI人机界面文章标签： java 数据库服务器

本文链接：https://blog.csdn.net/weixin_50183638/article/details/133616192

版权

单片机UI人机界面专栏收录该内容

16 篇文章 8 订阅

订阅专栏

LVGL_基础控件进度条bar

1、创建进度条控件

// 创建一个 bar 组件(对象)，他的父对象是活动屏幕对象
 lv_obj_t *bar = lv_bar_create(lv_scr_act());
LV_LOG_USER("lv_bar_get_value(bar) %d", lv_bar_get_value(bar));

/* 设置位置 */
lv_obj_center(bar);                                    // 方法1：让对象居中，简洁
 //lv_obj_align(bar, LV_ALIGN_CENTER, 0, 0);            // 方法2：让对象居中，较为灵活

2、设置控件大小

/* 设置大小 */
// 可以不设置，使用默认大小
//lv_obj_set_size(bar, 200, 30);

// 当设置进度条的宽度小于其高度，就可以创建出垂直摆放的进度条。
//lv_obj_set_size(bar, 30, 200);

3、设置进度条的值

在这里插入图片描述

lv_bar_set_value(bar, 50, LV_ANIM_ON);		// 设置结束值(大于0)

4、设置进度条值的范围

lv_bar_set_range(bar, 0, 200); 				// 如果不设置，默认是(0-100)

5、设置进度条的模式

在这里插入图片描述

lv_bar_set_mode(bar, LV_BAR_MODE_SYMMETRICAL);
lv_bar_set_range(bar, -100, 100); 				// 如果不设置，默认是(0-100)

lv_bar_set_value(bar, -20, LV_ANIM_ON);		// 设置结束值(大于0)

在这里插入图片描述

lv_bar_set_mode(bar, LV_BAR_MODE_RANGE);
lv_bar_set_range(bar, -100, 100); 				// 如果不设置，默认是(0-100)
lv_bar_set_start_value(bar, -90, LV_ANIM_ON);	// 设置起始值，注意必须小于结束值
lv_bar_set_value(bar, -20, LV_ANIM_ON);		// 设置结束值(大于0)

6、设置过度动画时间

lv_obj_set_style_anim_time(bar,1000,LV_PART_MAIN);

7、当按下的时候变成绿色

// 设置当被按下时，指示器部分的背景颜色
lv_obj_set_style_bg_color(bar, lv_color_hex(0xbdddba), LV_PART_INDICATOR | LV_STATE_PRESSED);

8、默认颜色变成黑色

在这里插入图片描述

// 设置默认状态下，指示器部分的背景颜色
lv_obj_set_style_bg_color(bar, lv_color_hex(0x1e1e1e), LV_PART_INDICATOR | LV_STATE_DEFAULT);

9、改变指示器的延申方向

在这里插入图片描述

// 设置指示器的延申方向
// 注意 bar 设置为 symmetrical 模式时显示不出来的情况，需要反过来设置数值
lv_obj_set_style_base_dir(bar, LV_BASE_DIR_RTL, LV_PART_MAIN);

10、设置事件

lv_obj_t * label = lv_label_create(lv_scr_act());
lv_label_set_text_fmt(label, "%d%%", lv_bar_get_value(bar));
lv_obj_align_to(label, bar, LV_ALIGN_OUT_BOTTOM_MID, 0, 0);

// 设置事件处理回调函数，接收所有的事件类型
lv_obj_add_event_cb(bar, bar_event_cb, LV_EVENT_ALL, label);

static void bar_event_cb(lv_event_t * e)
{
    lv_obj_t * obj = lv_event_get_target(e);        // 获取触发事件的部件(对象)
	lv_obj_t * label = lv_event_get_user_data(e);	// 获取事件传递的用户数据(user_data)
    lv_event_code_t code = lv_event_get_code(e);    // 获取当前部件(对象)触发的事件代码

    switch(code){
        case LV_EVENT_CLICKED:
            LV_LOG_USER("LV_EVENT_CLICKED\n");
			if (lv_bar_get_value(obj) == lv_bar_get_max_value(obj))
				lv_bar_set_value(obj, 0, LV_ANIM_ON);
			else
				lv_bar_set_value(obj, 30, LV_ANIM_ON);
			lv_label_set_text_fmt(label, "%d%%", lv_bar_get_value(obj));
            break;
		case LV_EVENT_PRESSING:
            LV_LOG_USER("LV_EVENT_PRESSING\n");
			lv_bar_set_value(obj, lv_bar_get_value(obj)+1, LV_ANIM_ON);
			lv_label_set_text_fmt(label, "%d%%", lv_bar_get_value(obj));
            break;
		/* ...... */
		/*请尝试添加更多的case吧*/
        default:
            //LV_LOG_USER("NONE\n");
            break;
    }
}