LVGL8学习之扩展当前主题（Extending the current theme）

最新推荐文章于 2024-05-14 02:24:22 发布

Bob_1993

最新推荐文章于 2024-05-14 02:24:22 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.csdn.net/qq981378640/article/details/119931221

版权

LVGL 专栏收录该内容

33 篇文章 86 订阅

订阅专栏

这篇博客介绍了如何在LVGL图形库中创建并应用新的主题。通过定义和初始化样式，然后在现有主题基础上添加新样式，实现了按钮背景颜色和边框的定制。`new_theme_apply_cb`函数用于在对象上应用新样式，`new_theme_init_and_set`函数用于设置和显示新主题。最终，通过示例展示了如何创建两个按钮，分别使用原始主题和新主题，突出展示了主题切换的效果。

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

这一篇来学习一下如何扩展当前主题，还是通过codeblock来模拟代码的运行，代码如下：

static lv_style_t g_style_btn;

/*当已经添加基本主题的样式添加新样式时，调用次函数*/
static void new_theme_apply_cb(lv_theme_t * th, lv_obj_t * obj)
{
    LV_UNUSED(th);

    if(lv_obj_check_type(obj, &lv_btn_class))
    {
        lv_obj_add_style(obj, &g_style_btn, 0);
    }
}

static void new_theme_init_and_set(void)
{
    /*初始化样式*/
    lv_style_init(&g_style_btn);
    lv_style_set_bg_color(&g_style_btn, lv_palette_main(LV_PALETTE_GREEN));
    lv_style_set_border_color(&g_style_btn, lv_palette_darken(LV_PALETTE_GREEN, 3));
    lv_style_set_border_width(&g_style_btn, 3);

    /*通过当前主题初始化新主题*/
    lv_theme_t * th_act = lv_disp_get_theme(NULL);
    static lv_theme_t th_new;
    th_new = *th_act;

    /*设置父主题和新主题的样式适播放回调函数*/
    lv_theme_set_parent(&th_new, th_act);
    lv_theme_set_apply_cb(&th_new, new_theme_apply_cb);

    /*显示新主题*/
    lv_disp_set_theme(NULL, &th_new);
}


void lv_theme_change_test()
{
    lv_obj_t * btn1 = NULL;
    lv_obj_t * btn2 = NULL;
    lv_obj_t * label = NULL;

    btn1 = lv_btn_create(lv_scr_act());
    if (btn1 != NULL)
    {
        lv_obj_align(btn1, LV_ALIGN_TOP_MID, 0, 20);

        label = lv_label_create(btn1);
        if (label != NULL)
        {
            lv_label_set_text(label, "Original theme");
        }
    }

    new_theme_init_and_set();

    btn2 = lv_btn_create(lv_scr_act());
    if (btn2 != NULL)
    {
        lv_obj_align(btn2, LV_ALIGN_BOTTOM_MID, 0, -20);

        label = lv_label_create(btn2);
        if (label != NULL)
        {
            lv_label_set_text(label, "New theme");
        }
    }
}

运行结果：