06 LVGL渐变样式

最新推荐文章于 2024-05-14 09:15:12 发布

8421plus

最新推荐文章于 2024-05-14 09:15:12 发布

阅读量931

点赞数

分类专栏： GUI-LVGL 文章标签： html stm32

本文链接：https://blog.csdn.net/iyy123IUU/article/details/131185237

版权

GUI-LVGL 专栏收录该内容

24 篇文章 8 订阅

订阅专栏

这段代码初始化了一个静态样式结构体，设置了圆角、不透明度、背景颜色和渐变。它创建了一个垂直渐变，从浅红色到蓝色，并将渐变向底部偏移。最后，使用这个样式创建了一个200x500像素的对象，并居中显示在屏幕上。

摘要由CSDN通过智能技术生成

在这里插入图片描述

void lv_100ask_demo_course_2_1_1(void)
 
{
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_radius(&style, 5);

    /*Make a gradient*/
    lv_style_set_bg_opa(&style, LV_OPA_COVER);
    lv_style_set_bg_color(&style, lv_palette_lighten(LV_PALETTE_RED, 1));
    lv_style_set_bg_grad_color(&style, lv_palette_main(LV_PALETTE_BLUE));
    lv_style_set_bg_grad_dir(&style, LV_GRAD_DIR_VER);

    /*Shift the gradient to the bottom*/
    lv_style_set_bg_main_stop(&style, 0);  //样式起点
    lv_style_set_bg_grad_stop(&style, 500);//样式结束位置

    /*Create an object with the new style*/
    lv_obj_t * obj = lv_obj_create(lv_scr_act());
    lv_obj_add_style(obj, &style, 0); //为对象增加 样式
    lv_obj_set_size(obj,200,500);  //设置对象 宽高
    lv_obj_center(obj);
}