「節日換膚」通用技術方案__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];
    }