主题

支持在项目中配置不同的主题，在主题下可以配置不同的颜色、字体，控件的颜色、字体等样式属性可以绑定到主题变量下，当切换主题时，会自动更新控件的样式。

创建主题

点击 资源 - 主题配置 显示主题配置窗口。

• 点击 增加行 来添加主题变量。

• 点击 增加列 来添加 dark 主题。

• 参考下图，再添加 light 主题，然后添加需要的主题变量，修改主题变量的值。

启用主题

在 项目 - 属性 - 资源配置 选项卡上，选择项目初始化时需要启用的主题。

使用主题变量

• 样式属性绑定主题变量

• 创建好控件，为页面和控件的样式属性，绑定主题变量，最终效果如下：

• 给下拉框增加 Value_changed 事件，用来切换主题。

uint16_t selected = lv_dropdown_get_selected(src);
gui_theme_id_t target_theme = (selected == 0) ? GUI_THEME_ID_LIGHT : GUI_THEME_ID_DARK;
if (target_theme != ui_theme_current_id()) {
	ui_theme_set(target_theme);
}

仿真