「节日换肤」通用技术方案__iOS端实现

一、问题的提出

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

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

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

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

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

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

二、业务流程

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

三、开敲代码

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

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

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

如下所示, 看起来很简洁:

1 - (UIImage*)imageNamedAutoMatch:(NSString *)name
2 {
3     return [UIImage imageWithContentsOfFile:_currentPath];
4 }
5 - (UIColor*)colorAutoMatch:(NSString *)itemName
6 {
7     return [UIColor colorWithHexString:_colorArray[itemName]];
8 }

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

#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];
      }

  

时间: 2024-10-23 03:58:04

「节日换肤」通用技术方案__iOS端实现的相关文章

iOS客户端节日换肤方案探究

转自:https://www.ianisme.com的博客 一.前言: tip: 本来这篇文章在圣诞节就已经准备好了,但是由于种种原因一直没有写完,今天将它写出来,也算是2018年的第一篇文章了.你好,2018! 过去圣诞节是各大APP浓妆艳抹展现自己衣服的节日,今年的圣诞节似乎冷清了许多,只看到了几个APP换肤,那我就从中分析一下吧. 二.分析: 我认为目前的换肤主要分成3种,一种是返回图片的地址,APP再根据图片日志去取图片,另一种是下载zip包然后再解压去替换图标,再一种是图片资源放到包里

Chrome 扩展 Stylish :给不喜欢某个网站一键「换肤」

原文地址:http://whosmall.com/?post=419 本文标签: Chrome扩展 Chrome浏览器 Chrome插件 Chrome扩展Stylish Stylish是什么 Stylish 是什么? 开门见山,Stylish 的作用是,它可以把百度首页变成这样: 它还能把知乎「拍扁」,让微博网页版变得简洁无比,让 Feedly 用上Material Design-- 这个神奇的 Stylish实际上是一个浏览器插件,适用于 Chrome,Firefox,Opera 以及 Saf

「网络流24题」飞行员配对方案问题

传送门:>Here< 题意:二分图匹配输出方案 思路分析 学会了最大流再也不用敲匈牙利了哈哈…… 最大流可以直接解决二分图匹配问题,方法是:将左侧节点与右侧节点的无向边全都变为容量为1的弧(正反),源点一一连向左侧节点,右侧节点一一连向汇点.跑最大流即可 关于为什么这样做是正确的,可以参见算法导论中有严格的证明.但其实这是一目了然的,由于所有弧的容量都为1,从源点连向左侧节点也就意味着最多只有1的流量到达每个节点.这个1就代表了这个节点只能被匹配一次.而右侧节点到汇点的容量也是1,意味着右侧节

100offer举办的「寻找实干和坚持的技术力量」开源项目投票排名分析程序

由于100offer举办的「寻找实干和坚持的技术力量」开源项目投票活动没有按照票数排序的功能,所以本文写了个小程序来实现这个功能,代码如下: import org.jsoup.Jsoup; import org.jsoup.nodes.Element; import java.net.URL; import java.util.HashMap; import java.util.Map; import java.util.concurrent.atomic.AtomicInteger; /**

Android换肤技术总结

原文出处: http://blog.zhaiyifan.cn/2015/09/10/Android%E6%8D%A2%E8%82%A4%E6%8A%80%E6%9C%AF%E6%80%BB%E7%BB%93/ 背景 纵观现在各种Android app,其换肤需求可以归为 白天/黑夜主题切换(或者别的名字,通常2套),如同花顺/自选股/天天动听等,UI表现为一个switcher. 多种主题切换,通常为会员特权,如QQ/QQ空间. 对于第一种来说,目测应该是直接通过本地theme来做的,即所有图片/

报名|「OneAPM x DaoCloud」技术公开课:Docker性能监控!

如今,越来越多的公司开始 Docker 了,「三分之二的公司在尝试了 Docker 后最终使用了它」,也就是说 Docker 的转化率达到了 67%,同时转化时长也控制在 60 天内. 既然 Docker 这么火,Docker 监控是不是也该提上日程?或许具体问题要具体分析,但是似乎大家都在寻找新一代 Docker 监控的工具. 本次技术公开课将会给大家带来全方位的 Docker 实践,从监控之道到监控方案,让你了解到 Docker 实时性能状况,精准定位到性能薄弱的环节,从而优化应用,让监控之

.NET Web后台动态加载Css、JS 文件,换肤方案

后台动态加载文件代码: //假设css文件:TestCss.css #region 动态加载css文件 public void AddCss() { HtmlGenericControl _CssFile = new HtmlGenericControl("link"); _CssFile.ID = "CssFile"; _CssFile.Attributes["rel"] = "stylesheet"; _CssFile.A

「网络流24题」1. 飞行员配对方案问题

「网络流24题」1. 飞行员配对方案问题 <题目链接> 比较经典的一道二分图最大匹配. 匈牙利算法走起啊. 算出答案后,输出每个外籍飞行员匹配的点(如果有)即可. 匈牙利算法,简而言之就是,每个x部点u去找自己能匹配上的第一个y部点v,如果v还没有被匹配,或是v已经匹配的x部点w还能匹配其他y部点)就将x与y匹配. 「如果我除了她(v)还能追到别的妹子,我就把她让给你.」--w对x如是说. 代码简明易懂. #include <cstdio> #include <cstring

iOS开发——使用技术OC片&amp;换肤处理(白天与黑夜)

换肤处理(白天与黑夜) 一:首先是使用简单的方法实现 不记得谁说的了,中国的用户大概是世界上最喜欢多皮肤功能的用户了.我很讨厌写安卓程序,图形界面设计工具及其难用,还不如手 写,编辑器慢 如蜗牛,智能提示总是跟不上我输入的速度,相同的功能,安卓的代码量至少是iOS的三倍,每写一行代码,都觉得自己的手指在滴血.可是安卓灵活统一的 style功能确实很贴心!5之前,iOS平台上实现相同的功能一直没有个比较好的办法. 苹果将所有界面组件的设定,都绑定在一个叫UIAppearance的协议上了,你可以简