渐变色的LVGL进度条程序

bcwx

一个渐变色的进度条，可以修改渐变的方向，本实验采用上下渐变，修改程序可以变成左右渐变

1. 
   
2. static void set_temp(void * bar,int32_t temp)
   
3. {
   
4.    lv_bar_set_value(bar,temp,LV_ANIM_ON);
   
5. }
   
6. void Boot_Pagr(lv_obj_t * parent)
   
7. {
   
8.                         static lv_style_t bar_bg;            //创建bar背景样式
   
9.                         lv_style_init(&bar_bg);                    //初始化样式
   
10.                         lv_style_set_bg_opa(&bar_bg,LV_OPA_COVER); //设置背景透明度
    
11.                         lv_style_set_bg_color(&bar_bg,lv_palette_main(LV_PALETTE_RED));       //设置背景颜色
    
12.                         lv_style_set_bg_grad_color(&bar_bg,lv_palette_main(LV_PALETTE_BLUE)); //设置下半背景颜色
    
13.                         lv_style_set_bg_grad_dir(&bar_bg,LV_GRAD_DIR_VER);  //设置下半部分背景方向
    
14. 
    
15.                         lv_obj_t * bar = lv_bar_create(parent);   //设置bar对象
    
16.                         lv_obj_add_style(bar,&bar_bg,LV_PART_INDICATOR);    //添加样式
    
17.                         lv_obj_set_size(bar,200,20);                    //设置尺寸
    
18.                         lv_obj_center(bar);                             //居中样式
    
19.                         lv_bar_set_range(bar,0,100);                   //设置范围
    
20. 
    
21.                         lv_anim_t a;                                    //设置动画
    
22.                         lv_anim_init(&a);                               //初始化动画
    
23.                         lv_anim_set_exec_cb(&a,set_temp);               //设置回调
    
24.                         lv_anim_set_time(&a,3000);                      //设置时间
    
25.                         lv_anim_set_playback_time(&a,3000);             //设置回退时间
    
26.                         lv_anim_set_var(&a,bar);                        //设置动画对象
    
27.                         lv_anim_set_values(&a,0,100);                  //设置动画值
    
28.                         lv_anim_set_repeat_count(&a,LV_ANIM_REPEAT_INFINITE); //设置动画重复
    
29.                         lv_anim_start(&a);                              //开始动画
    
30. 
    
31. 
    
32. }
    

复制代码