一个轻量级的iOS皮肤切换方案(内附Demo)

摘要:项目代码放在https://github.com/SlashDevelopers/SDTheme,这个方案是从实际项目中剥离而来的,大家用中遇到什么问题或者者有什么赐教欢迎随时留言~Demo运行效果图Demo做的有点丑,大家多忍耐一下??用方法非常简单:初始化:[[SDThemeManager s

项目代码放在 SlashDevelopers/SDTheme,这个方案是从实际项目中剥离而来的,大家用中遇到什么问题或者者有什么赐教欢迎随时留言~

Demo运行效果图

Demo做的有点丑,大家多忍耐一下??

用方法非常简单:

初始化:

[[SDThemeManager sharedInstance] setupThemeNameArray:@[@"SDTheme-White", @"SDTheme-Black"]];

SDTheme-WhiteSDTheme-Black是资源主题Bundle的名称,下面会说到资源Bundle的引入方法。

切换主题:

[[SDThemeManager sharedInstance] changeTheme:@"SDTheme-Black"];

具体设置皮肤:

具体调使用非常简单,比方需要换肤的视图控件本来是调使用backgroundColor设置颜色,只要要换成调使用扩展方法theme_backgroundColor就可,例如:

self.view.theme_backgroundColor = @"block_bg";self.textField.theme_textColor = @"text_h1";self.image.theme_image = @"icon_face";

富文本需要使用SDThemeForegroundColorAttributeName替换NSForegroundColorAttributeName,例如:

navBar.theme_titleTextAttributes = @{SDThemeForegroundColorAttributeName:@"text_h1"};

另外有些常使用的属性在XIB等可视化视图也可以直接设置,例如:


假如直接设置属性的方式不满足需求,还可以自己监听通知SDThemeChangedNotification,收到通知之后自行做颜色图标等切换。

资源管理

颜色字符串和图片是放在单独的Bundle里面进行管理的,所以刚开始要新建自己的主题Bundle.
Bundle中 新建ColorsMap.plistImages.xcassets

  • 图片:就放在相应的主题bundle中的Images.xcassets管理,图片在不同主题下名字要保证一致。
  • 颜色字符串:颜色字符串可以参考一下Demo中的文件,首先要有一个大分类,例如Demo中的block、text、line(跟随自己需要分类就好,这里的分类我是扒竞品富途牛牛的??),假如你有一个分类叫SomeThing,那分类下内容命名要带上相应的前缀SomeThing_,不然会报找不到,color string是HEX 或者者AHEX格式。

Bundle 创立注意事项:

资源bundle不要直接新建文件夹之后改扩展名或者者使用Settings Bundle

推荐Bundle创立方式:


file->New->Target->macOS->Bundle

创立完成之后,对
Base SDK 设置为 iOS
Build Active Architecture Only 设置为 "YES"
Installation Directory 删除掉后面的路径
Code Signing Identity 选择 Don't Code Sign
iOS Deployment Target 设置为 合适的版本
Skip Install 设置为 "NO"
Strip Debug Symbols During Copy 设置为 "YES"
COMBINE_HIDPI_IMAGES 设置为 "NO"
再设置一下依赖


好,到现在Bundle就完成了

主要实现原理:

其实实现原理也是非常简单的,我这里拿UIView举例子:

@interface UIView (SDTheme)@property (nonatomic, copy) NSString *theme_backgroundColor;@property (nonatomic, copy) IBInspectable NSString *sd_background;@property (nonatomic, copy) NSString *theme_tintColor;@en

这是针对UIView提供的扩展,大家可以看到其中有换肤属性theme_backgroundColor,如下图,我们在属性theme_backgroundColorSetter方法中有根据主题配置调使用系统的相应方法,而后对控件注册监听,等切换主题之后就会收到通知,而后执行theme_didChanged方法,为控件设置正确的主题UI,that’s all~

Mac工具

另外同事写了一个Mac小工具也顺便分享一下,找少量颜色的时候会提高少量效率。

工具图

用的时候只需把对应的ColorMaps拖进框就可,可能第一次需要输入密码,是由于对文件执行了一个chmod 777的命令,目前只支持两个,代码在这里,有大佬有兴趣的欢迎扩展,欢迎RP。

  • 双击Cell 可以快速拿到对应颜色的key到剪贴板,直接Ctrl+V到项目代码中就可。
  • 在菜单栏-Eidt->Add Color 可以快捷增加颜色

成品可以在这里直接下载到

最后:

仓库地址: SlashDevelopers/SDTheme,???假如觉得本仓库对您有帮助,请不要吝啬你的?,感谢你的支持!???
用中假如有任何问题欢迎随时留言,还请各位看官多多指教~

上一篇 目录 已是最后
  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】Spring02——实现动态代理商阻拦器(2018-10-20 23:18)
【系统环境|服务器应用】Spring01——SpringIoC容器(2018-10-20 23:17)
【系统环境|服务器应用】最大堆进阶:堆排序及其优化(2018-10-20 23:17)
【系统环境|服务器应用】【一文读懂】百度一下,背后可不只是简单的一下(2018-10-20 23:17)
【系统环境|服务器应用】注意!这5种搜索套路,让你资源搜索不求人(2018-10-20 23:17)
【系统环境|服务器应用】Java线程池---Executor框架源码深度解析(2018-10-20 23:16)
【系统环境|服务器应用】X.509证书认证模式简介(2018-10-20 23:16)
【系统环境|服务器应用】Spring Security权限框架理论与实战(二)-常用权限阻拦器(2018-10-20 23:16)
【系统环境|服务器应用】做程序员太辛苦了, 我想换行,我该怎样办? “敲一下回车。”(2018-10-20 23:16)
【系统环境|服务器应用】mysql中使用select的正确姿势你知道吗?(2018-10-20 23:16)
手机二维码手机访问领取大礼包
返回顶部