LVGL——进度条

目录

一、部件组成

二、部件操作

1、创建进度条部件

2、设置

3、获取值

三、项目案例

---

一、部件组成

主体(LV_PART_MAIN）

指示器(LV_PART_INDICATOR)

二、部件操作

1、创建进度条部件

lv_obj_t   *bar  = lv_bar_create ( parent );

2、设置

lv_obj_set_size( bar, 400, 20 );  /* 设置大小 */

lv_bar_set_value( bar, 50, LV_ANIM_ON );  /* 设置当前值 */

lv_bar_set_range( bar, -100, 100 );  /* 设置范围值 */

lv_obj_set_style_anim_time( bar, 500, LV_STATE_DEFAULT );  /* 动画设置必须放在当前值设置之前 */

3、获取值

lv_bar_get_value()；

三、项目案例

#include "mygui.h"
#include "lvgl.h"
#include <stdio.h>
#include <stdbool.h>


/* 获取当前活动屏幕的宽高 */
#define scr_act_width() lv_obj_get_width(lv_scr_act())
#define scr_act_height() lv_obj_get_height(lv_scr_act())

static int16_t val = 0;                         /* 当前值 */

static lv_obj_t *label_load;                    /* 加载标题标签 */
static lv_obj_t *label_per;                     /* 百分比标签 */
static lv_obj_t *bar;                           /* 进度条 */

void timer_cb(lv_timer_t *timer)
{
    if(val < 100)                                                           /* 当前值小于100 */
    {
        val ++;
        lv_bar_set_value(bar, val, LV_ANIM_ON);                             /* 设置当前值 */
        lv_label_set_text_fmt(label_per, "%d %%", lv_bar_get_value(bar));   /* 获取当前值，更新显示 */
    }
    else                                                                    /* 当前值大于等于100 */
    {
        lv_label_set_text(label_per, "finished!");                          /* 加载完成 */
    }
}

void lv_bar(void)
{
    bar = lv_bar_create(lv_scr_act());                            /* 创建进度条 */
    lv_obj_set_align(bar, LV_ALIGN_CENTER);                       /* 设置位置 */
    lv_obj_set_size(bar, scr_act_width() * 3 / 5, 20);            /* 设置大小 */
    lv_obj_set_style_anim_time(bar, 100, LV_STATE_DEFAULT);       /* 设置动画时间 */
    lv_timer_create(timer_cb, 100, NULL);                         /* 初始化定时器 */
}

void lv_label(void)
{
    /* 加载标题标签 */
    label_load = lv_label_create(lv_scr_act());
    lv_label_set_text(label_load, "LOADING...");
    lv_obj_set_style_text_font(label_load, &lv_font_montserrat_14, LV_STATE_DEFAULT);
    lv_obj_align(label_load, LV_ALIGN_CENTER, 0, -scr_act_height() / 10 );

    /* 百分比标签 */
    label_per = lv_label_create(lv_scr_act());
    lv_label_set_text(label_per, "%0");
    lv_obj_set_style_text_font(label_per, &lv_font_montserrat_14, LV_STATE_DEFAULT);
    lv_obj_align(label_per, LV_ALIGN_CENTER, 0, scr_act_height() / 10 );
}

void my_gui(void)
{
    //进度条
    lv_bar();
    //文本
    lv_label();
}