本文是我在网上看到一篇不错的文章,因为之前没接触过,所以特意转过来,和大家一起分享下..
以下正文:

一、问题的提出

  不知道大家有没有发现, 元旦期间, 很多APP界面里的图标都换成了具有节日气氛的样式,
而在过了元旦节之后, 这些图标又悄无声息的变回了本来的面貌.

  这些具有短暂生命周期、而又必须在固定时间节点上展示的节日皮肤, 究竟是如何实现的呢? 显然,
通过发布新版本可以实现, 但是对于iOS端的应用来说, 面对苹果APP
Store不确定的审核时间, 开发人员往往需要提前1~2周完成并提交审核, 而且每到一个节日都要重新发布一个新版本,
难免略显被动.

热更新是一个不错的选择!

  试想一下, 如果把需要更换皮肤主题的所有界面元素抽象出一个完整的业务模型(Model), 再由一个专门的Skin
Manager去负责每次启动时的验证和异步加载, 那么以后所有的节日皮肤的发布, 我们都只需要后台改一个参数, 就能够使用户的APP即时的更新到最新的皮肤主题了.

  当然, 如果你的应用是采用的React Native的话,
换肤就更简单了, 不过呢, 本文是对iOS原生应用提出一套普遍通用的解决方案,
仅仅是抛砖引玉, 如果你有更优化的方案, 欢迎留言提出, 大家共同探讨学习.

  好的, 那我们接下来 试着玩一玩~

二、业务流程

  做一件事之前, 要先理清思路, 做什么、怎么做,
既然方向已经确定下来了, 那么需要梳理一下头绪, 我整理出这么一个流程图:

三、开敲代码

  其实流程图中的每一个方块就是我们需要的方法, 一一实现即可.

  请求接口, 判断, 有三种情况, 删除操作用NSFilemanafer, 下载用AFnetworking, 解压缩用到SSZipArchive这都没什么好说的, 直接上代码就可以了.

  这其中有一点值得讨论, 就是最后加载皮肤的方式, 我一开始设想的用KVO,
后来发现NotificationCenter会方便一些, 但是还是会很复杂, 如果要修改的皮肤很多,
涉及到的文件也很多, 难道每一个都要都要去注册一个通知中心和一个接收方法吗? 还是有点复杂, 乔帮主说做事要化繁为简,
于是闭上眼睛冥想了一阵, 突然想到了一个方法, 把imageNamed:和colorWith两个基本方法进行替换,
在manager里写两个对应的新方法, 替换掉需要换肤的图片或者文字颜色部分的系统方法, 新方法里面加一个判断,
如果资源文件路径存在, 则显示资源路径下的图片或者解析到的颜色值; 如果资源路径不存在, 则读取默认bundle下的资源.
这样一来, 只需要在原来庞大的工程文件中找到需要修改皮肤的地方, 把他们原来的方法替换就OK了,
节省了很多事, 而且减少暴露在manager外面的逻辑代码, 对于维护也很重要!
好的, 直接上代码:

下面的这个是单例里的两个方法, 专门用来替换需要换肤的组件的原先的方法, 看起来很简洁:

- (UIImage*)imageNamedAutoMatch:(NSString *)name
{
return [UIImage imageWithContentsOfFile:_currentPath];
}
- (UIColor*)colorAutoMatch:(NSString *)itemName
{
return [UIColor colorWithHexString:_colorArray[itemName]];
}

头文件是这样的, 常用路径写到宏里:

#define Name_Resource @"HolidaySkin"
#define DocumentPath [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject] stringByAppendingPathComponent:Name_Resource]
#define Bundle_Path [[NSBundle mainBundle]resourcePath]
#define kRequestData /*相应的入参*/ @interface DRSkinManager : NSObject @property (nonatomic, copy)NSString *skinStatus;
@property (nonatomic, copy)NSString *downloadUrl;
@property (nonatomic, copy)NSString *currentPath;
@property (nonatomic, strong)NSArray *colorArray; + (instancetype)shareManager; - (UIImage*)imageNamedAutoMatch:(NSString *)name;
- (UIColor*)colorAutoMatch:(NSString *)itemName;

流程图第一步的接口请求, 没什么好说的:

- (void)checkSkinStatue
{
[DRNetwork requestWithDictionary:kRequestData response:^(BOOL success, id result) {
if (success) {
NSString *skinStaus = result[@"skinStaus"];
NSString *downloadUrl = result[@"downloadUrl"];
[self judgeResourceStatus:skinStatus url:downloadUrl];
}
}
}];
}

比对状态值, 三种情况, 三个分支:

- (void)judgeResourceStatus:(NSString *)skinStaus url:(NSString *)downloadUrl
{
if (skinStaus.length == 0) {
return;
} NSString *localSkinStatus = [[NSUserDefaults standardUserDefaults]valueForKey:Name_Resource]; if ([skinStaus isEqualToString:localSkinStatus]) {
self.skinStatus = skinStaus;
self.currentPath = [DocumentPath stringByAppendingPathComponent:skinStaus];
return;
} if (![skinStaus isEqualToString:localSkinStatus]) {
if (localSkinStatus.length != 0) {
NSFileManager *fileManager = [NSFileManager defaultManager];
[fileManager removeItemAtPath:[DocumentPath stringByAppendingPathComponent:localSkinStatus] error:nil];
}
self.downloadUrl = downloadUrl;
[self downLoadAndUnzip];
}
}

下载和解压

- (void)downLoadAndUnzip
{
NSString *zipPath = [DocumentPath stringByAppendingString:@"/dontcare.zip"];
AFHTTPRequestOperation *operation = [[AFHTTPRequestOperation alloc]initWithRequest:_downloadUrl];
[operation setOutputStream:[NSOutputStream outputStreamToFileAtPath:zipPath append:NO]];
[operation setCompletionBlockWithSuccess:^(AFHTTPRequestOperation *operation, id responseObject) { //下载成功后: 解压缩
[SSZipArchive unzipFileAtPath:zipPath toDestination:[DocumentPath stringByAppendingPathComponent:_skinStatus] progressHandler:^(NSString *entry, unz_file_info zipInfo, long entryNumber, long total){ }completionHandler:^(NSString *path, BOOL succeeded, NSError *error){
//解压完成, 至此皮肤资源已经完整缓存到沙盒, 删除zip包, 保存skinStatus
NSFileManager *fileManager = NSFileManager *fileManager = [NSFileManager defaultManager];
[fileManager removeItemAtPath:zipPath error:nil];
[[NSUserDefaults standardUserDefaults]setValue:_skinStatus forKey:Name_Resource];
  }
} failure:^(AFHTTPRequestOperation *operation, NSError *error) {
success(operation,error); NSLog(@"下载失败"); }]; [operation start];
}

iOS端实现节日换肤的更多相关文章

  1. 节日换肤通用技术方案__iOS端实现

    一.问题的提出 不知道大家有没有发现, 元旦期间, 很多APP界面里的图标都换成了具有节日气氛的样式, 而在过了元旦节之后, 这些图标又悄无声息的变回了本来的面貌. 这些具有短暂生命周期.而又必须在固 ...

  2. iOS开发——高级篇——换肤、静态库

    一.换肤 1.思路1> 解决方案1,使用颜色作为图片素材的命名关键字 问题1:要保证每套图片的文件名 颜色+ 名称.png的格式比较麻烦 问题2:如果要将某一个图片应用到其他皮肤不方便2> ...

  3. Flex AIR应用换肤功能(Android和IOS)

    说明 换肤功能,即将整个应用的皮肤都进行更换,其实质,是动态加载swf文件的过程,而这些swf文件则有css文件编译而来. 关于换肤功能,在android和ios系统的实现方式是不同的.主要原因,是因 ...

  4. iOS开发--换肤简单实现以及工具类的抽取

    一.根据美工提供的图片,可以有两种换肤的方案. <1>美工提供图片的类型一: <2>美工提供图片的类型二:这种分了文件夹文件名都一样的情况,拖入项目后最后用真实文件夹(蓝色文件 ...

  5. Android中插件开发篇之----应用换肤原理解析

    一.前言 今天又到周末了,感觉时间过的很快呀.又要写blog了.那么今天就来看看应用的换肤原理解析.在之前的一篇博客中我说道了Android中的插件开发篇的基础:类加载器的相关知识.没看过的同学可以转 ...

  6. 前端开发在IOS端遇到的一个诡异问题(Delegate 失效)

    一.前言 最近同事问到一个问题,一个前端页面在IOS端真机测试下出现一个比较诡异的问题,如果没有遇到过估计也是一筹莫展.今天特此记录一下,或许能帮到后面遇到这个问题的朋友少绕一些弯路.这是关于JQue ...

  7. 微信小程序之换肤的功能

    pc或者移动端实现换肤功能还是比较简单的,大致就是需要换肤的css,还有正常的css:把当前皮肤类型存入本地:然后通过js读取并判断当前应该加载哪套css. 由于微信小程序没有操作wxss的api,所 ...

  8. python 全栈开发,Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  9. JS实现网页换肤功能效果

    网页换肤的基本原理 使用 JS 切换对应的 CSS 样式表.例如hao123首页的右上方就有网页换肤功能.除了切换 CSS 样式表文件之外,通常的网页换肤还需要通过 Cookie 来记录用户之前更换过 ...

随机推荐

  1. 菜单栏(QMenuBar)与菜单(QMenu)

    之前一直搞不清楚什么是菜单栏,后来看了文档才知道是怎么一回事,下面是我本人对菜单栏和菜单的理解,可能存在理解错误. 一.菜单栏 菜单栏是容纳菜单的一个容器,里面可以存放菜单列表,用菜单栏的目的就是为了 ...

  2. Java中数学计算的相关方法

    1:Math类 2.BigInteger类  3.BigDecimal类 BigInteger bi = new BigInteger("12433241123"); BigDec ...

  3. C++ STL, sort用法。

    在algorithm头文件中的sort可以给任意对象排序,包括内置类型和自定义类型,前提是定义了“<“运算符. sort(begin,end),表示一个范围,例如: #include" ...

  4. bzoj 3530: [Sdoi2014]数数 数位dp

    题目 我们称一个正整数N是幸运数,当且仅当它的十进制表示中不包含数字串集合S中任意一个元素作为其子串.例如当S=(22,333,0233)时,233是幸运数,2333.20233.3223不是幸运数. ...

  5. 51nod 1686 第K大区间 二分瞎搞

    题目: 定义一个区间的值为其众数出现的次数. 现给出n个数,求将所有区间的值排序后,第K大的值为多少. 题解: 答案明显单调,我们考虑二分答案. 转化为判定问题后我们需要观察到一个性质: 如果一个区间 ...

  6. 用Fiddler2来监听HTTP(记:用skydrive sdk访问时,出错后用Fidder抓包分析)

    最近在写一个关于如何上传文件到skydrive的demo, 用REST上传失败. 安装Telerik的Fiddler后, 可以监听http或者https通信, 然后可以在软件中看到返回的json数据或 ...

  7. Springboot监控之一:SpringBoot四大神器之Actuator之2--spring boot健康检查对Redis的连接检查的调整

    因为项目里面用到了redis集群,但并不是用spring boot的配置方式,启动后项目健康检查老是检查redis的时候状态为down,导致注册到eureka后项目状态也是down.问下能不能设置sp ...

  8. shell入门-uniq去重复和tee重定向

    命令:uniq 选项:-c 显示重复数量 说明:去重复,不sort多个功能,显示几个重复 命令:tee 说明:重定向加上双重输出 [root@wangshaojun ~]# cat 2.txt1222 ...

  9. C语言学习笔记--enum和sizeof关键字

    1.enum关键字 C语言中enum关键字用来定义枚举类型 (1)enum 是 C 语言中的一种自定义类型(2)enum 值是可以根据需要自定义的的整型值(3)第一个定义的 enum 值默认为 0 ( ...

  10. Angular10 组件之间的通讯

    1 父组件和子组件之间的通讯 2 利用中间组件实现两个组件之间的通讯 3 利用服务实现两个组件之间的通讯 2017年8月26日20:09:13 待更新... 1 组件之间的关系图 1.1 父子关系 1 ...