应用主题
说明
在设置--应用主题里,提供系统主题和自定义主题两类;
- 系统主题即默认的蓝色简洁主题;
- 自定义主题即通过全局 css 样式代码改变主题;
配置方法
自定义主题
- 添加自定义主题时,填写主题的名称(必填)、图片(非必填),并添加 CSS 代码;
- 使用主题:
- 单主题:未开启【多主题切换】时,选中某个主题,应用运行时会根据选中的主题渲染,初始化选中平台提供的蓝色简洁主题
- 多主题:
1. 开启【多主题切换】开关,并选择若干个主题,以及一个默认主题,如下图
1. 导航工具栏配置主题切换功能,如下图
1. 此时,该应用预览或运行时,可以在工具栏切换主题,可切换的范围是上一步选择的主题,<strong>初始化默认渲染上一步选择的默认主题</strong>,如下图所示,默认渲染黑色,支持在黑色和绿色之间切换
规则主题
当应用开启多语言功能时,可以配置规则主题,即切换到某个或某些语言时,渲染特定的主题
多语言功能参考多语言功能
- 未开启【多主题切换】时
- 可以选择一个主题作为应用的默认主题,并配置一条或多条规则
- 配置规则主题时,可选择一个或多个语言,以及该语言需要渲染的主题,如下图所示
- 导航工具栏配置主题切换和语言切换功能,如下图
- 此时,应用预览或运行时会判断当前语言是否触发规则
1. 触发则渲染对应的主题,例如上图,切换到阿拉伯语时会渲染橙色主题。
1. 未触发则渲染选择的应用默认主题,例如上图,非阿拉伯语时会渲染黑色主题
- 开启【多主题切换】时,
- 可以选择一套主题作为应用的默认主题,并配置一条或多条规则
- 配置规则主题时,可选择一个或多个语言,以及该语言需要渲染的一套主题,如下图所示
- 导航工具栏配置主题切换和语言切换功能,如下图
- 此时,应用预览或运行时会判断当前语言是否触发规则,
1. 触发则渲染对应的主题,例如上图,切换到简体中文时,默认渲染红色主题,并支持在红色和橙色之间切换。
1. 未触发则渲染应用的一套默认主题,例如上图,非简体中文时,默认渲染黑色主题,支持在黑色和绿色之间切换。
常见问题
- 为什么配置了多主题,但还是渲染平台的蓝色主题
请检查是否配置默认主题,默认主题为空时会渲染平台预置的蓝色主题
- 为什么配置规则主题后,切换语言时主题没变化
请检查切换的语言是否真的已配置了规则,
如果确定配置了规则,请检查规则里选择的主题和规则外选择的应用主题是否相同
- 为什么开启了多主题,且配置了规则主题,但切换语言后仍然只能只有一个主题可以切换
请检查规则主题里是否配置了多个主题,如下图所示,如果在当前语言下只配置了一个主题,则没有可切换的其他主题
- 为什么开启了多主题,且配置了规则主题,但切换语言后主题没变化
同 2