LVGL8学习之multiple styles

最新推荐文章于 2025-04-08 23:35:30 发布

Bob_1993

最新推荐文章于 2025-04-08 23:35:30 发布

阅读量634

点赞数

分类专栏： LVGL 文章标签： LVGL8 style

本文链接：https://blog.youkuaiyun.com/qq981378640/article/details/119928641

版权

LVGL 专栏收录该内容

34 篇文章

订阅专栏

这篇博客展示了如何在LVGL图形库中使用多种样式组合，通过定义基础样式和警告样式，创建具有不同外观的对象。代码示例中创建了两个对象，一个应用基础样式，另一个同时应用基础和警告样式，最终在屏幕上展示出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这一篇来学一下multiple styles，多种样式的组合使用，还是通过codeblock来模拟代码的运行，代码如下：

void lv_multiple_style_test()
{
    static lv_style_t style_base;
    lv_style_init(&style_base);
    lv_style_set_bg_color(&style_base, lv_palette_main(LV_PALETTE_LIGHT_BLUE));
    lv_style_set_border_color(&style_base, lv_palette_darken(LV_PALETTE_LIGHT_BLUE, 3));
    lv_style_set_border_width(&style_base, 2);
    lv_style_set_radius(&style_base, 10);
    lv_style_set_shadow_width(&style_base, 10);
    lv_style_set_shadow_ofs_y(&style_base, 5);
    lv_style_set_shadow_opa(&style_base, LV_OPA_50);
    lv_style_set_text_color(&style_base, lv_color_white());
    lv_style_set_width(&style_base, 100);
    lv_style_set_height(&style_base, LV_SIZE_CONTENT);

    static lv_style_t style_warning;
    lv_style_init(&style_warning);
    lv_style_set_bg_color(&style_warning, lv_palette_main(LV_PALETTE_YELLOW));
    lv_style_set_border_color(&style_warning, lv_palette_darken(LV_PALETTE_YELLOW, 3));
    lv_style_set_text_color(&style_warning, lv_palette_darken(LV_PALETTE_YELLOW, 4));

    lv_obj_t * label = NULL;
    lv_obj_t * obj_base = lv_obj_create(lv_scr_act());
    if (obj_base != NULL)
    {
        lv_obj_add_style(obj_base, &style_base, 0);
        lv_obj_align(obj_base, LV_ALIGN_LEFT_MID, 200, 0);

        label = lv_label_create(obj_base);
        if (label != NULL)
        {
            lv_label_set_text(label, "Base");
            lv_obj_center(label);
        }
    }

    lv_obj_t * obj_warning = lv_obj_create(lv_scr_act());
    if (obj_warning != NULL)
    {
        lv_obj_add_style(obj_warning, &style_base, 0);
        lv_obj_add_style(obj_warning, &style_warning, 0);
        lv_obj_align(obj_warning, LV_ALIGN_RIGHT_MID, -200, 0);

        label = lv_label_create(obj_warning);
        if (label != NULL)
        {
            lv_label_set_text(label, "Warning");
            lv_obj_center(label);
        }
    }
}

运行效果：