iOS开发之主题皮肤
最近在开发一款【公交应用】,里面有个模块涉及到主题设置,这篇文章主要谈一下个人的做法。
大概的步骤如下:
(1):整个应用依赖于一个主题管理器,主题管理器根据当前的主题配置,加载不同主题文件夹下的主题
(2):在应用的各个Controller中,涉及到需要更换主题图片或颜色的地方,由原来的硬编码方式改为从主题管理器获取(此处可以看到,虽然.xib配置UI会比编码渲染UI效率来得高,但在灵活性以及协同开发方面还是有些弱了)
(3):在主题设置Controller中,一旦切换主题,则需要像系统的通知中心发送消息(这一步的目的,主要是为了让那些已经存在的并且UI已构建完成的对象修改他们的主题)
最终的效果图见:
https://github.com/yanghua/iBus#version-102preview
首先来看看主题文件夹的目录结构:
可以看到,通常情况下主题都是预先做好的,当然了,这里因为我没有后端server,如果你的应用是拥有后端server的,那么可以做得更加强大,比如不将主题文件存储在Bundle中,而是存储在应用sandBox的Document中。这样你在应用启动的时候就可以check server 是否有新的主题包,如果有就download下来,释放到Document,这样会方便许多,而不需要在升级之后才能够使用新主题。扯远了,这里可以看到这些文件夹是蓝颜色的,而非黄颜色,可见它不是xcode project的Group,它们都是真实存储的文件夹(它们也是app的bundle的一部分,只是获取的方式有些不同罢了,这样做的目的就是为了方便组织各个主题的文件、目录结构)。
看看获取主题文件夹路径的方式:
#define Bundle_Of_ThemeResource @"ThemeResource"//the path in the bundle
#define Bundle_Path_Of_ThemeResource \
[[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:Bundle_Of_ThemeResource]
ThemeManager:
@interface ThemeManager : NSObject@property (nonatomic,copy) NSString *themeName;
@property (nonatomic,copy) NSString *themePath;
@property (nonatomic,retain) UIColor *themeColor;+ (ThemeManager*)sharedInstance;- (NSString *)changeTheme:(NSString*)themeName;- (UIImage*)themedImageWithName:(NSString*)imgName;@end
可以看到,ThemeManager对外开放了三个属性以及两个实例方法,并且ThemeManager被构建为是单例的(Single)
- (id)init{if (self=[super init]) {[self initCurrentTheme];}return self;
}
initCurrentTheme定义:
- (void)initCurrentTheme{self.themeName=[ConfigItemDao get:@"主题设置"];NSString *themeColorStr=[ConfigItemDao get:self.themeName];self.themeColor=[UIColor parseColorFromStr:themeColorStr];self.themePath=[Bundle_Path_Of_ThemeResource stringByAppendingPathComponent:self.themeName];//init UIUIImage *navBarBackgroundImg=[[self themedImageWithName:@"themeColor.png"]resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 0.0f, 1.0f, 1.0f)resizingMode:UIImageResizingModeTile];[[UINavigationBar appearance] setBackgroundImage:navBarBackgroundImgforBarMetrics:UIBarMetricsDefault];
}
这里从sqlite中获取了主题类型、主题颜色,然后配置了主题属性,同时初始化了一致的UINavigationBar。
UIImage *img=[UIImage imageNamed:@"img.png"];
取而代之的是:
UIImage *img=[[ThemeManager sharedInstance] themedImageWithName@"img.png"];
来确保img.png是来自当前主题文件夹下的img.png
- (UIImage*)themedImageWithName:(NSString*)imgName{if (!imgName || [imgName isEqualToString:@""]) {return nil;}NSString *imgPath=[self.themePath stringByAppendingPathComponent:imgName];return [UIImage imageWithContentsOfFile:imgPath];
}
到主题设置界面,选择一个新主题,会调用changeTheme方法:
- (NSString *)changeTheme:(NSString*)themeName{if (!themeName || [themeName isEqualToString:@""]) {return nil;}NSString *themePath=[Bundle_Path_Of_ThemeResource stringByAppendingPathComponent:themeName];if (dirExistsAtPath(themePath)) {self.themePath=themePath;//update to db[ConfigItemDao set:[NSMutableDictionary dictionaryWithObjects:@[@"主题设置",themeName]forKeys:@[@"itemKey",@"itemValue"]]];//init again[self initCurrentTheme];}return themeName;
}
这是一个简单的ThemeManager,通常有可能会有更多的配置,比如: themedFontWithName:(NSString *)fontName 等,当然方式都是一样的。
- (void)configUIAppearance{NSLog(@"base config ui ");
}
该类默认没有实现,主要用于供sub class去 override。
- (void)configUIAppearance{self.appNameLbl.strokeColor=[[ThemeManager sharedInstance] themeColor];[self.commentBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"]forState:UIControlStateNormal];[self.shareBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"]forState:UIControlStateNormal];[self.developerBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"] forState:UIControlStateNormal];[super configUIAppearance];
}
可以看到,所有需要使用主题的UI控件的相关设置,都抽取出来放到了configUIAppearance中。
该方法,在所有子controller中都不会显式调用,因为在BaseController的viewDidLoad方法中以及调用了。这样,如果子类override了它,就会调用子类的,如果没有override,则调用BaseController的默认实现。
- (void)registerThemeChangedNotification{[Default_Notification_Center addObserver:selfselector:@selector(handleThemeChangedNotification:)name:Notification_For_ThemeChangedobject:nil];
}
同时给出消息处理的逻辑:
- (void)handleThemeChangedNotification:(NSNotification*)notification{UIImage *navBarBackgroundImg=[[[ThemeManager sharedInstance] themedImageWithName:@"themeColor.png"]resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 0.0f, 1.0f, 1.0f)resizingMode:UIImageResizingModeTile];[self.navigationController.navigationBar setBackgroundImage:navBarBackgroundImgforBarMetrics:UIBarMetricsDefault];
[self configUIAppearance];
}
可以看到这里又调用了configUIAppearance,由于继承关系,这里的self指针指向的并非BaseController实例(而是sub controller的实例),所以调用的也是sub controller的方法。所以,虽然可能还停留在“主题设置的界面”,但其他已存活的controller已经接受到了切换主题的Notification,并悄悄完成了切换。
- (void)themeButton_touchUpIndise:(id)sender{//unselectUIButton *lastSelectedBtn=(UIButton*)[self.view viewWithTag:(Tag_Start_Index + self.currentSelectedIndex)];lastSelectedBtn.selected=NO;//selectUIButton *selectedBtn=(UIButton*)sender;self.currentSelectedIndex=selectedBtn.tag - Tag_Start_Index;selectedBtn.selected=YES;[[ThemeManager sharedInstance] changeTheme:((NSDictionary*)self.themeArr[self.currentSelectedIndex]).allKeys[0]];//post themechanged notification[Default_Notification_Center postNotificationName:Notification_For_ThemeChangedobject:nil];
}
大致的流程就是这样~
iOS开发之主题皮肤相关推荐
- iOS 开发设计常用软件及工具整理
1, xCode 2, AppCode 3, Skech 原型设计软件 4, Hype 动画设计工具 5, fontawsome 免费图表 6, Prepo icon, images.catlog 生 ...
- uni-app框架开发App如何更换主题皮肤?
最近使用uni-app开发App,其中有个功能是可以一键切换App的主题皮肤.其中主题皮肤分为黑夜版和白天版.经过一番研究,终于大功告成,因此记录一下. 之前,在做web端进行更换皮肤的时候,是在页面 ...
- iOS开发夜间模式的设置(主题切换)
iOS开发夜间模式的设置(主题切换) 很长一段时间没有写博客了.想到自己最近刚好做了不少重构,刚好可以总结一下. 夜间模式,很多阅读类的或资讯类的App都会这个功能.以前自己也做过,现在把它抽出来封装 ...
- iOS App主题皮肤切换功能简介和具体实现详解 附有源码
分享一个朋友的人工智能教程.比较通俗易懂,风趣幽默,感兴趣的朋友可以去看看. 0.换肤的应用场景 一般情况下某些App在节假日(春节.中秋.国庆等)切换主题,显得更适合当下的气氛; 切换白天或夜晚模式 ...
- 【转】几点 iOS 开发技巧
[译] 几点 iOS 开发技巧 原文:iOS Programming Architecture and Design Guidelines 原文来自破船的分享 原文作者是开发界中知晓度相当高的 Mug ...
- 无限互联iOS开发视频教程V2.0
原文地址:无限互联iOS开发视频教程V2.0作者:天涯 视频网址: http://www.soku.com/t/nisearch/无限互联/_cid__time__sort_score_display ...
- ios非常全的库iOS开发 非常全的三方库、插件、大牛博客等等
转自: TimLiu-iOS Swift版本点击这里欢迎加入交QQ流群: 594119878 github排名 https://github.com/trending,github搜索:https:/ ...
- iOS开发之窥探UICollectionViewController(四) --一款功能强大的自定义瀑布流
在上一篇博客中<iOS开发之窥探UICollectionViewController(三) --使用UICollectionView自定义瀑布流>,自定义瀑布流的列数,Cell的外边距,C ...
- iOS开发-观察者模式
观察者模式也被称作发布/订阅模式,观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象.这个主题对象在状态发生变化时,会通知所有观察者对象,使它们能够自动更新自己.观察者模式中 ...
- (0096)iOS开发之应用间的分享系列(1)
分享系列: (1)应用间的分享概要 (2) Share Extension将应用添加到系统分享列表 (3) 在自己的应用中调起系统分享面板分享到面板上的其他应用中 (0097)iOS开发之应用间的分享 ...
最新文章
- Spring vs Seam
- Android属性动画 XML
- 过滤器用到了java哪个模式_设计模式之过滤器模式——Java语言描述
- 使用 C# 下载文件的十八般武艺
- 使用ADF BC管理保存点
- echarts3 graph java_Echarts中graph类型的运用求教
- excel判断两列中同一行的数据是否一致
- 蓝桥杯 ADV-135 算法提高 三角形面积
- Machine Learning——Homework2
- Python 库学习 —— Excel存储(xlwt、xlrd)
- JSON入门教程(适合初学者)
- Win10的Git中文文件名繁体火星文乱码问题
- 设置PPT幻灯版自动翻页播放
- 移动开发的软件开发生命周期介绍(二)
- PSIM仿真+C语言(c block)实现PID控制和最小拍控制
- 【区块链技术前沿】可下载内容与NFT
- serializeArray()与 serialize()
- 利用sqlmap进行文件读写
- ArcMap出图小技巧分享(附练习数据)
- Delphi做的一个仿Web的导航界面