需求
App 里可以皮肤化的 UI 区域分为 3 块(App 皮肤/阅读器主题/其他),这 3 块又和黑夜模式有重叠。
- App 皮肤区域有首页 4 个 tab bar 页面(还没有实现主题化,在规划中)
- 阅读器主题区域主要是阅读器相关的设置和菜单页面
- 其他指不需要主题化的区域
第一种方案
主要思路就是给 UIKit 的 Category 增加一些属性,配置每一类主题的 key,在第一次赋值或者收到主题改变的通知时进行 apply。
qd 是黑夜模式前缀,readerTheme 是阅读器主题前缀
这种方案的问题是 - 如果要增加一类主题(比如 App 皮肤类),需要把所有之前增加的属性都 copy 一下(包括 apply 部分的代码),工作量很大。 - 如果要增加一个新的属性,需要添加多遍(前缀分别是qd/readerTheme/app)。
重构之后的方案
借助 OC 的泛型和 KVC 的一次重构
重构前后对比
代码实现样例:LVThemeKit