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

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

 

1、问题的提出

　　不知道你们有没有发现, 元旦期间, 不少APP界面里的图标都换成了具备节日气氛的样式, 而在过了元旦节以后, 这些图标又悄无声息的变回了原本的面貌. 

　　这些具备短暂生命周期、而又必须在固定时间节点上展现的节日皮肤, 到底是如何实现的呢? 显然, 经过发布新版本能够实现, 可是对于iOS端的应用来讲, 面对苹果APP Store不肯定的审核时间, 开发人员每每须要提早1~2周完成并提交审核, 并且每到一个节日都要从新发布一个新版本, 不免略显被动. 

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

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

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

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

 

2、业务流程

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

 

3、开敲代码

　　其实流程图中的每个方块就是咱们须要的方法, 一一实现便可.

　　请求接口, 判断, 有三种状况, 删除操做用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];
    }