awtk/docs/theme_switch.md

124 lines
3.4 KiB
Markdown
Raw Normal View History

2019-10-19 08:35:25 +08:00
# 多主题实时切换
AWTK 支持多主题,并在不重启的情况下,实时切换到不同的主题。
## 1. 资源目录结构
在 assets 目录下再分主题目录,下面的例子有 default 和 dark 两个主题:
```
assets
├── dark
│   ├── inc
│   │   ├── data
│   │   ├── fonts
│   │   ├── images
│   │   ├── scripts
│   │   ├── strings
│   │   ├── styles
│   │   ├── ui
│   │   └── xml
│   └── raw
│   └── styles
└── default
├── inc
│   ├── data
│   ├── fonts
│   ├── images
│   ├── scripts
│   ├── strings
│   ├── styles
│   ├── ui
│   └── xml
└── raw
├── data
├── fonts
├── images
├── scripts
├── strings
├── styles
├── ui
└── xml
```
### 注意事项:
* default 主题必须存在,其它主题是可选的。
* default 主题必须具有完整的资源文件,其它主题中只需要放其特有的文件即可。
* 查找资源的顺序为:先在当前主题中查找资源,如果找不到,就去 default 主题去查找。这样可以最大程度上共享资源数据。
* 目前只有支持文件系统的平台才支持多主题实时切换。
## 2. 资源生成
如果需要支持多主题实时切换,请参考下面的例子,去修改 update_res.py 资源生成脚本:
```
themes = ['default', 'dark']
def run():
for theme in themes:
print('========================='+theme+' begin =========================');
common.init(AWTK_ROOT, ASSETS_ROOT, theme, ASSET_C)
common.updateRes()
print('========================='+theme+' end =========================\n');
```
## 3. 相关函数
#### 3.1 在初始时指定主题,请用下面的函数:
```
/**
* @method assets_manager_set_theme
* 设置当前的主题。
*
* @param {assets_manager_t*} am asset manager 对象。
* @param {const char*} theme 主题名称。
*
* @return {ret_t} 返回 RET_OK 表示成功,否则表示失败。
*/
ret_t assets_manager_set_theme(assets_manager_t* am, const char* theme);
```
### 3.1 运行时动态切换主题,请用下面的函数
```
/**
* @method widget_set_theme
* 设置 theme 的名称,用于动态切换主题。名称与当前主题名称相同,则重新加载全部资源。
*
* > 目前只支持带有文件系统的平台。
*
* @annotation ["scriptable"]
* @param {widget_t*} widget 控件对象。
* @param {char*} name 主题的名称。
*
* @return {ret_t} 返回 RET_OK 表示成功,否则表示失败。
*/
ret_t widget_set_theme(widget_t* widget, const char* name);
```
## 4. 事件
当主题切换完成后,会通过窗口触发 EVT\_THEME\_CHANGED 事件。
```
/**
* @const EVT_THEME_CHANGED
* 主题变化 (event_t)。
*/
EVT_THEME_CHANGED,
```
## 5. 其它
如果同一个项目要支持多种不同的大小屏幕,而且屏幕大小差别比较大,无法简单的用 layout 方式来适配时,利用以上的机制,可以把特殊的资源放到不同的主题中,在不同的屏幕大小运行时,切换到对应的主题上,也不失为一种解决问题的方法。
## 6. 参考
[资源目录变更通知](assets_dir_changed.md)