11 lvgl 滑动条 阴影 渐变样式

static lv_style_t style_indic;
    lv_style_init(&style_indic);
    lv_style_set_bg_color(&style_indic, lv_palette_lighten(LV_PALETTE_RED, 3));
    lv_style_set_bg_grad_color(&style_indic, lv_palette_main(LV_PALETTE_RED));//渐变色 红色
    lv_style_set_bg_grad_dir(&style_indic, LV_GRAD_DIR_HOR);  //渐变方向

    static lv_style_t style_indic_pr;
    lv_style_init(&style_indic_pr);  
    lv_style_set_shadow_color(&style_indic_pr, lv_palette_main(LV_PALETTE_RED));
    lv_style_set_shadow_width(&style_indic_pr, 10);   //阴影
    lv_style_set_shadow_spread(&style_indic_pr, 3);

    /*Create an object with the new style_pr*/
    lv_obj_t * obj = lv_slider_create(lv_scr_act());  //滑动条 
        lv_obj_add_style(obj, &style_indic, LV_PART_INDICATOR);
      lv_obj_add_style(obj, &style_indic_pr, LV_PART_INDICATOR | LV_STATE_PRESSED);
    lv_slider_set_value(obj, 70, LV_ANIM_OFF);
    lv_obj_center(obj);

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用 LVGL(Light and Versatile Graphics Library)来创建渐变效果的进度。下面是一个使用 LVGL 创建渐变进度的示例代码: ```c /* 创建一个父容器 */ lv_obj_t *parent = lv_cont_create(lv_scr_act(), NULL); lv_obj_set_size(parent, 200, 30); lv_obj_center(parent); /* 创建一个背景样式 */ static lv_style_t bg_style; lv_style_init(&bg_style); lv_style_set_bg_color(&bg_style, lv_color_hex(0xCCCCCC)); /* 创建一个进度 */ lv_obj_t *progress_bar = lv_bar_create(parent, NULL); lv_obj_set_size(progress_bar, 180, 20); lv_obj_align(progress_bar, parent, LV_ALIGN_CENTER, 0, 0); lv_bar_set_range(progress_bar, 0, 100); // 设置进度的范围 lv_bar_set_value(progress_bar, 40, LV_ANIM_ON); // 设置进度的当前值,并启用动画 /* 创建一个前景样式 */ static lv_style_t fg_style; lv_style_init(&fg_style); lv_style_set_bg_color(&fg_style, lv_color_hex(0xFF0000)); // 设置前景样式为红色 /* 创建一个渐变样式 */ static lv_style_t grad_style; lv_style_init(&grad_style); lv_style_set_bg_grad_color(&grad_style, lv_color_hex(0xFF0000), lv_color_hex(0x00FF00), LV_GRAD_DIR_HOR); // 设置渐变色为红到绿的水平渐变 /* 应用样式到进度 */ lv_bar_set_style(progress_bar, LV_BAR_STYLE_BG, &bg_style); lv_bar_set_style(progress_bar, LV_BAR_STYLE_INDIC, &grad_style); while (1) { lv_task_handler(); /* 持续更新界面 */ usleep(5000); } ``` 这个示例代码中,我们创建了一个父容器和一个进度。我们设置进度的范围为0到100,并将当前值设置为40,启用动画。然后,我们创建了背景样式和前景样式,并使用渐变样式设置进度渐变效果。最后,我们将样式应用到进度上,并使用 `lv_task_handler()` 函数来持续更新界面。 请注意,这只是一个简单的示例代码,你可以根据自己的需求进行修改和扩展。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值