备案控制台
探索云世界
开发者社区 数据库 文章 正文

iOS开发之主题皮肤

2013-07-30 1218
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： iOS开发之主题皮肤 分类： 【iOS】  最近在开发一款【公交应用】，里面有个模块涉及到主题设置，这篇文章主要谈一下个人的做法。 大概的步骤如下： (1):整个应用依赖于一个主题管理器，主题管理器根据当前的主题配置，加载不同主题文件夹下的主题 ...

iOS开发之主题皮肤

分类： 【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的一部分，只是获取的方式有些不同罢了，这样做的目的就是为了方便组织各个主题的文件、目录结构）。


看看获取主题文件夹路径的方式：

[cpp]  view plain copy print ?
  1. #define Bundle_Of_ThemeResource                                @"ThemeResource"  
  2.   
  3. //the path in the bundle  
  4. #define Bundle_Path_Of_ThemeResource                                        \  
  5. [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:Bundle_Of_ThemeResource]  


ThemeManager:

[cpp]  view plain copy print ?
  1. @interface ThemeManager : NSObject  
  2.   
  3. @property (nonatomic,copy) NSString                 *themeName;  
  4. @property (nonatomic,copy) NSString                 *themePath;  
  5. @property (nonatomic,retain) UIColor                *themeColor;  
  6.   
  7. + (ThemeManager*)sharedInstance;  
  8.   
  9. - (NSString *)changeTheme:(NSString*)themeName;  
  10.   
  11. - (UIImage*)themedImageWithName:(NSString*)imgName;  
  12.   
  13. @end  

可以看到，ThemeManager对外开放了三个属性以及两个实例方法，并且ThemeManager被构建为是单例的（Single）
在实例初始化的时候，同时实例化主题的相关配置：
[cpp]  view plain copy print ?
  1. - (id)init{  
  2.     if (self=[super init]) {  
  3.         [self initCurrentTheme];  
  4.     }  
  5.       
  6.     return self;  
  7. }  

initCurrentTheme定义：
[cpp]  view plain copy print ?
  1. - (void)initCurrentTheme{  
  2.     self.themeName=[ConfigItemDao get:@"主题设置"];  
  3.     NSString *themeColorStr=[ConfigItemDao get:self.themeName];  
  4.     self.themeColor=[UIColor parseColorFromStr:themeColorStr];  
  5.     self.themePath=[Bundle_Path_Of_ThemeResource stringByAppendingPathComponent:self.themeName];  
  6.       
  7.     //init UI  
  8.     UIImage *navBarBackgroundImg=[[self themedImageWithName:@"themeColor.png"]  
  9.                                   resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 0.0f, 1.0f, 1.0f)  
  10.                                                 resizingMode:UIImageResizingModeTile];  
  11.       
  12.     [[UINavigationBar appearance] setBackgroundImage:navBarBackgroundImg  
  13.                                        forBarMetrics:UIBarMetricsDefault];  
  14. }  

这里从sqlite中获取了主题类型、主题颜色，然后配置了主题属性，同时初始化了一致的UINavigationBar。

在其他Controller中，获取图片的方式不再是：
[cpp]  view plain copy print ?
  1. UIImage *img=[UIImage imageNamed:@"img.png"];  

取而代之的是：
[cpp]  view plain copy print ?
  1. UIImage *img=[[ThemeManager sharedInstance] themedImageWithName@"img.png"];  
来确保img.png是来自当前主题文件夹下的img.png

实现如下：
[cpp]  view plain copy print ?
  1. - (UIImage*)themedImageWithName:(NSString*)imgName{  
  2.     if (!imgName || [imgName isEqualToString:@""]) {  
  3.         return nil;  
  4.     }  
  5.       
  6.     NSString *imgPath=[self.themePath stringByAppendingPathComponent:imgName];  
  7.       
  8.     return [UIImage imageWithContentsOfFile:imgPath];  
  9. }  

到主题设置界面，选择一个新主题，会调用changeTheme方法：
[cpp]  view plain copy print ?
  1. - (NSString *)changeTheme:(NSString*)themeName{  
  2.     if (!themeName || [themeName isEqualToString:@""]) {  
  3.         return nil;  
  4.     }  
  5.       
  6.     NSString *themePath=[Bundle_Path_Of_ThemeResource stringByAppendingPathComponent:themeName];  
  7.     if (dirExistsAtPath(themePath)) {  
  8.         self.themePath=themePath;  
  9.           
  10.         //update to db  
  11.         [ConfigItemDao set:[NSMutableDictionary dictionaryWithObjects:@[@"主题设置",themeName]  
  12.                                                               forKeys:@[@"itemKey",@"itemValue"]]];  
  13.           
  14.         //init again  
  15.         [self initCurrentTheme];  
  16.     }  
  17.       
  18.     return themeName;  
  19. }  

这是一个简单的ThemeManager，通常有可能会有更多的配置，比如: themedFontWithName:(NSString *)fontName 等，当然方式都是一样的。
上面这些都只是定义，看看它是怎么运转的，怎么跟Controller组合的。

BaseController中：
注：BaseController是所有其他Controller的super class，任何时候，你去写一个应用程序也好，一个app也罢，你一开始总是应该规划好类型的继承关系，这是非常重要的，就个人经验而言，我总是会在创建一个应用程序之后，就立即构建一个super class，这会为你省去很多麻烦事。又废话了，进入正题。
在BaseController中，我们开放一个public method：
[cpp]  view plain copy print ?
  1. - (void)configUIAppearance{  
  2.     NSLog(@"base config ui ");  
  3. }  

该类默认没有实现，主要用于供sub class去 override。
比如其中一个子controller的实现如下：
[cpp]  view plain copy print ?
  1. - (void)configUIAppearance{  
  2.     self.appNameLbl.strokeColor=[[ThemeManager sharedInstance] themeColor];  
  3.     [self.commentBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"]  
  4.                                forState:UIControlStateNormal];  
  5.       
  6.     [self.shareBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"]  
  7.                              forState:UIControlStateNormal];  
  8.       
  9.     [self.developerBtn setBackgroundImage:[[ThemeManager sharedInstance] themedImageWithName:@"aboutBtnBG.png"] forState:UIControlStateNormal];  
  10.       
  11.     [super configUIAppearance];  
  12. }  

可以看到，所有需要使用主题的UI控件的相关设置，都抽取出来放到了configUIAppearance中。
该方法，在所有子controller中都不会显式调用，因为在BaseController的viewDidLoad方法中以及调用了。这样，如果子类override了它，就会调用子类的，如果没有override，则调用BaseController的默认实现。

可以看到，上面的方法中配置了一些UI的外观，在一个view show出来的时候会被调用，还有一个调用点当然是主题改变的时候！
主题改变的时候，所有应用的controller无非是两种状态：
(1)未被实例化
(2)已经被实例化，而且view已经构建完成并且可见
对于第一种状态，我们不需要太多的担心，因为根据选择新主题的时候，会调用ThemeManager的changeTheme方法，该方法会update数据库的主题配置，同时init并config新的主题，所以未被实例化的controller在后面被实例化的时候，肯定会应用新的主题。
但对于已经可见的主题就不是第一种情况那样了，除非你重新show他们，否则是不会主动应用新的主题的，但将其他controller都distory之后再重新构建，根本不可能。所以，这里应用了ios的Notification，并再次展示了需要一个BaseController的好处，因为我们不需要为已存在的每一个controller注册消息通知并实现处理收到通知的方法，我们在BaseController中做，就等于在所有继承它的sub controller中做了，不是吗？
那么我们首先要在BaseController中像Notification center注册我们关注的Notification_For_ThemeChanged Notification:（在BaseController的ViewDidLoad中调用该注册方法）
[cpp]  view plain copy print ?
  1. - (void)registerThemeChangedNotification{  
  2.     [Default_Notification_Center addObserver:self  
  3.                                     selector:@selector(handleThemeChangedNotification:)  
  4.                                         name:Notification_For_ThemeChanged  
  5.                                       object:nil];  
  6. }  

同时给出消息处理的逻辑：
[cpp]  view plain copy print ?
  1. - (void)handleThemeChangedNotification:(NSNotification*)notification{  
  2.     UIImage *navBarBackgroundImg=[[[ThemeManager sharedInstance] themedImageWithName:@"themeColor.png"]  
  3.                                   resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 0.0f, 1.0f, 1.0f)  
  4.                                     
  5.                                   resizingMode:UIImageResizingModeTile];  
  6.       
  7.     [self.navigationController.navigationBar setBackgroundImage:navBarBackgroundImg  
  8.                                                   forBarMetrics:UIBarMetricsDefault];  
  9.     <pre name="code" class="cpp">    [self configUIAppearance];</pre>}  

可以看到这里又调用了configUIAppearance，由于继承关系，这里的self指针指向的并非BaseController实例（而是sub controller的实例），所以调用的也是sub controller的方法。所以，虽然可能还停留在“主题设置的界面”，但其他已存活的controller已经接受到了切换主题的Notification，并悄悄完成了切换。

最后再看看切换主题的大致逻辑：
[cpp]  view plain copy print ?
  1. - (void)themeButton_touchUpIndise:(id)sender{  
  2.     //unselect  
  3.     UIButton *lastSelectedBtn=(UIButton*)[self.view viewWithTag:(Tag_Start_Index  + self.currentSelectedIndex)];  
  4.     lastSelectedBtn.selected=NO;  
  5.       
  6.     //select  
  7.     UIButton *selectedBtn=(UIButton*)sender;  
  8.     self.currentSelectedIndex=selectedBtn.tag - Tag_Start_Index;  
  9.     selectedBtn.selected=YES;  
  10.       
  11.     [[ThemeManager sharedInstance] changeTheme:((NSDictionary*)self.themeArr[self.currentSelectedIndex]).allKeys[0]];  
  12.       
  13.     //post themechanged notification  
  14.     [Default_Notification_Center postNotificationName:Notification_For_ThemeChanged  
  15.                                                object:nil];  
  16. }  

大致的流程就是这样~

如果你觉得代码片段过于零散，没有关系，所有的实现代码都放到了github上。
并且整个应用都是 开源的！

文章标签：
C++
iOS开发
数据库管理
文件存储
数据库
存储
关键词：
iOS开发
iOS主题
iOS开发主题皮肤
奥特曼超人
目录
相关文章
憧憬blog
|
27天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
憧憬blog
83 3
众所周知
|
3月前
|
存储 iOS开发
iOS 开发，如何进行应用的本地化（Localization）？
iOS 开发，如何进行应用的本地化（Localization）？
众所周知
122 2
众所周知
|
3月前
|
存储 数据建模 数据库
IOS开发数据存储：什么是 UserDefaults？有哪些替代方案？
IOS开发数据存储：什么是 UserDefaults？有哪些替代方案？
众所周知
38 0
众所周知
|
3月前
|
安全 编译器 Swift
IOS开发基础知识： 对比 Swift 和 Objective-C 的优缺点。
IOS开发基础知识： 对比 Swift 和 Objective-C 的优缺点。
众所周知
90 2
iOS学霸
|
3月前
|
API 开发工具 iOS开发
iOS 开发高效率工具包：10 大必备工具
iOS 开发高效率工具包：10 大必备工具
iOS学霸
42 1
iOS学霸
|
3月前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
iOS学霸
52 1
众所周知
|
2天前
|
API 定位技术 iOS开发
IOS开发基础知识：什么是 Cocoa Touch？它在 iOS 开发中的作用是什么？
【4月更文挑战第18天】**Cocoa Touch** 是iOS和Mac OS X应用的核心框架，包含面向对象库、运行时系统和触摸优化工具。它提供Mac验证的开发模式，强调触控接口和性能，涵盖3D图形、音频、网络及设备访问API，如相机和GPS。是构建高效iOS应用的基础，对开发者至关重要。
众所周知
9 0
请看我回答~
|
17天前
|
开发工具 Swift iOS开发
利用SwiftUI构建动态用户界面：iOS开发新范式
【4月更文挑战第3天】 随着苹果不断推进其软件开发工具的边界，SwiftUI作为一种新兴的编程框架，已经逐渐成为iOS开发者的新宠。不同于传统的UIKit，SwiftUI通过声明式语法和强大的功能组合，为创建动态且响应式的用户界面提供了一种更加简洁高效的方式。本文将深入探讨如何利用SwiftUI技术构建具有高度自定义能力和响应性的用户界面，并展示其在现代iOS应用开发中的优势和潜力。
请看我回答~
10 0
陌陌谣
|
2月前
|
监控 API Swift
用Swift开发iOS平台上的上网行为管理监控软件
在当今数字化时代，随着智能手机的普及，人们对于网络的依赖日益增加。然而，对于一些特定场景，如家庭、学校或者企业，对于iOS设备上的网络行为进行管理和监控显得尤为重要。为了满足这一需求，我们可以利用Swift语言开发一款iOS平台上的上网行为管理监控软件。
陌陌谣
182 2
众所周知
|
3月前
|
数据可视化 iOS开发
iOS 开发，什么是 Interface Builder（IB）？如何使用 IB 构建用户界面？
iOS 开发，什么是 Interface Builder（IB）？如何使用 IB 构建用户界面？
众所周知
40 4

热门文章

最新文章

  • 1
    App备案-iOS云管理式证书 Distribution Managed 公钥及证书SHA-1指纹的获取方法
  • 2
    iOS App上架新规解析：如何进行App备案
  • 3
    利用uni-app 开发的iOS app 发布到App Store全流程
  • 4
    iOS代码混淆工具推荐：IPA Guard详细介绍
  • 5
    一键制作 iOS 上架 App Store 描述文件教程
  • 6
    【教程】苹果 iOS 证书制作教程
  • 7
    iOS应用加固方案解析：ipa加固安全技术全面评测
  • 8
    iOS移动应用程序的备案与SHA-1值查看
  • 9
    iOS加固原理与常见措施：保护移动应用程序安全的利器
  • 10
    iOS代码混淆和加固技术详解
  • 1
    应用研发平台EMAS常见问题之sophix ios flutter热更新如何解决
    77
  • 2
    iOS系统下轻松构建自动化数据收集流程
    24
  • 3
    前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
    47
  • 4
    探索未来：Android与iOS在人工智能时代的融合与创新
    36
  • 5
    探索未来：安卓与iOS在人工智能领域的竞争与合作
    19
  • 6
    探索未来：安卓与iOS双系统的融合与创新
    36
  • 7
    探索未来：安卓与iOS在人工智能时代的融合趋势
    32
  • 8
    探索未来：安卓与iOS在人工智能时代的融合与创新
    43
  • 9
    探索未来：Android与iOS在人工智能时代的融合与创新
    28
  • 10
    探索未来：安卓与iOS在人工智能时代的融合与创新
    24

    • 相关课程

    更多
  • 相册服务中的故事生成算法介绍

    • 相关电子书

    更多
  • 手淘iOS性能优化探索
  • From Java/Android to Swift iOS
  • 深入剖析iOS性能优化

    • 相关实验场景

    更多
  • 【图生图】一键部署3D卡通风格模型
  • 一键创建和部署高分电影推荐语音技能
    • 下一篇
    阿里云oss简介和使用流程