Runtime實(shí)踐之打造易復(fù)用的iOS公共頁面

相信我們開發(fā)的項(xiàng)目中郑象,只要涉及到網(wǎng)絡(luò)交互铝量,都會遇到一個(gè)再普遍的不過的需求,那就是出于用戶體驗(yàn)的需要银亲,在請求開始的時(shí)候顯示加載頁慢叨,請求到空數(shù)據(jù)的時(shí)候顯示空內(nèi)容頁,以及請求出錯(cuò)的時(shí)候顯示的錯(cuò)誤或重試頁务蝠。這三類頁面在一個(gè)項(xiàng)目中通常是一致的(至多會有圖標(biāo)和文案的變化)拍谐,但卻要求可能在每一個(gè)涉及網(wǎng)絡(luò)請求的頁面呈現(xiàn)。

(馏段;′⌒`)

如果沒有大局觀赠尾,一開始接到需求就開始在某ViewController里面添加幾個(gè)View用來展現(xiàn)。

舉個(gè)例子毅弧,如果要添加一個(gè)loading view,

@property (strong, nonatomic) UIView *loadingView;
@property (strong, nonatomic) UIImageView *loadingImageView;

然后增加方法当窗,視圖的初始化和配置就省略了

/**
 *  加載視圖
 */
- (void)startLoading{
    [self.view addSubview:self.loadingView];
    [self.loadingImageView startAnimating];
}

/**
 *  停止加載并消失
 */
- (void)stopLoading{
    [self.loadingImageView stopAnimating];
    [self.loadingView removeFromSuperview];
}

OK,這樣做實(shí)現(xiàn)上沒問題,但是遇到下一個(gè)需要展示這些頁面的ViewController患久,只能使用copy&paste大法另萤,把property和方法實(shí)現(xiàn)都搬到另一個(gè)ViewController,倘若有10個(gè)以上的頁面巫员,再加上萬一需要修改頁面的視圖結(jié)構(gòu)庶香,你就會深刻的體會到


總所周知有個(gè)大原則叫做Don't repeat yourself。再運(yùn)用上我們不為什么就很熟練的面向?qū)ο笏季S简识,自然而然可以想到赶掖,使用繼承大法。

╮(╯_╰)╭

實(shí)現(xiàn)方法很簡單

  • 首先創(chuàng)建一個(gè)BaseViewController七扰,將幾個(gè)property轉(zhuǎn)移過來奢赂,并且展現(xiàn)方法也照搬,在.h文件暴露出來颈走。

  • 然后把所有用到的Controller都繼承自BaseViewController膳灶,調(diào)用的地方可以保持不變,會自動調(diào)用父類的方法立由。

但是這樣做還是不夠好轧钓,因?yàn)檫@需要我們把所有的Viewcontroller的頭文件都改一遍,引入BaseViewController并集成锐膜,就是所謂這是帶有侵入性的毕箍。更致命的是,如果你的ViewController本身集成了另外的BaseController枣耀,由于Objective-C不支持多繼承霉晕,你只能去修改另一個(gè)BaseController……有點(diǎn)悲傷庭再。

╭(′▽`)╯

通過標(biāo)題的劇透,我們知道最后的實(shí)現(xiàn)跟runtime有關(guān)牺堰,那么主角也該出場了拄轻。
其實(shí)就是使用Category + runtime的對象關(guān)聯(lián)。在上面的方案中伟葫,解決集成BaseViewController的侵入性的方案就是使用category為UIViewController添加方法恨搓,但是category是不能直接使用property保存私有變量的,于是引入runtime的AssociatedObject系列方法筏养,可以動態(tài)為對象添加成員變量斧抱,這幾乎是runtime最基礎(chǔ)的應(yīng)用。

非常簡單的渐溶,只用到兩個(gè)方法辉浦,其實(shí)就是一個(gè)Setter和Getter

void objc_setAssociatedObject(id object, const void *key, id value, objc_AssociationPolicy policy) //為object添加一個(gè)value,名字是key
id objc_getAssociatedObject(id object, const void *key) //從object中取一個(gè)名字是key的value

如果想深入探究一下茎辐,有人已經(jīng)寫得挺全面了宪郊,可以點(diǎn)擊這篇文章

在本例中,用法大概是這樣

#pragma mark - Getter

- (UIView *)loadingView{
    UIView *loadingView = objc_getAssociatedObject(self, &PresnterLoadingViewKey);
    if (!loadingView) {
        loadingView = [[UIView alloc] initWithFrame:self.view.bounds];
        objc_setAssociatedObject(self, &PresnterLoadingViewKey, loadingView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
        
        loadingView.backgroundColor = [UIColor whiteColor];
        [loadingView addSubview:self.loadingImageView];
    }
    return loadingView;
}

- (UIImageView *)loadingImageView{
    UIImageView *imageView = objc_getAssociatedObject(self, &PresnterLoadingImageViewKey);
    
    if (!imageView) {
        imageView = [[UIImageView alloc] initWithFrame:
                         CGRectMake(self.view.bounds.size.width / 2 - 100, self.view.bounds.size.height/2 - 80, 200, 150)];
        
        NSMutableArray *tmpArr = [NSMutableArray array];
        for (int i = 0; i <= 80; i++) {
            UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"01-progress00%02d.jpg",i]];
            [tmpArr addObject:image];
        }
        [imageView setAnimationImages:[NSArray arrayWithArray:tmpArr]];
        imageView.animationDuration = 2.0;
        
        objc_setAssociatedObject(self, &PresnterLoadingImageViewKey, imageView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    }
    
    return imageView;
}

把實(shí)例化放進(jìn)Getter拖陆,這樣實(shí)現(xiàn)方法可以同上保持不變

/**
 *  加載視圖
 */
- (void)startLoading{
    [self.view addSubview:self.loadingView];
    [self.loadingImageView startAnimating];
}

/**
 *  停止加載并消失
 */
- (void)stopLoading{
    [self.loadingImageView stopAnimating];
    [self.loadingView removeFromSuperview];
}

最后只需要在你需要用到這些頁面的ViewController引入UIViewController+Presenter.h
然后展示就好

[self startLoading]; //加載完成后調(diào)用 [self stopLoading];

具體的代碼我寫了個(gè)demo放在github上弛槐,地址在這里

另外實(shí)現(xiàn)了空白視圖和失敗重試視圖的功能依啰,跟loading頁大同小異乎串。
如此一來,這些公共頁面的展示邏輯基本被封裝進(jìn)了category中速警,而且當(dāng)我們需要修改展示的頁面時(shí)叹誉,也只需修改文件里面的實(shí)現(xiàn),然后暴露出方法闷旧,簡單高效桂对。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鸠匀,隨后出現(xiàn)的幾起案子蕉斜,更是在濱河造成了極大的恐慌,老刑警劉巖缀棍,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宅此,死亡現(xiàn)場離奇詭異,居然都是意外死亡爬范,警方通過查閱死者的電腦和手機(jī)父腕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來青瀑,“玉大人璧亮,你說我怎么就攤上這事萧诫。” “怎么了枝嘶?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵帘饶,是天一觀的道長。 經(jīng)常有香客問我群扶,道長及刻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任竞阐,我火速辦了婚禮缴饭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘骆莹。我一直安慰自己颗搂,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布幕垦。 她就那樣靜靜地躺著峭火,像睡著了一般。 火紅的嫁衣襯著肌膚如雪智嚷。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天纺且,我揣著相機(jī)與錄音盏道,去河邊找鬼。 笑死载碌,一個(gè)胖子當(dāng)著我的面吹牛猜嘱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播嫁艇,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼朗伶,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了步咪?” 一聲冷哼從身側(cè)響起论皆,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎猾漫,沒想到半個(gè)月后点晴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡悯周,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年粒督,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片禽翼。...
    茶點(diǎn)故事閱讀 38,117評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡屠橄,死狀恐怖族跛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锐墙,我是刑警寧澤礁哄,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站贮匕,受9級特大地震影響姐仅,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜刻盐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一掏膏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧敦锌,春花似錦馒疹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至听想,卻和暖如春腥刹,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背汉买。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工衔峰, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蛙粘。 一個(gè)月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓垫卤,卻偏偏與公主長得像,于是被迫代替她去往敵國和親出牧。 傳聞我的和親對象是個(gè)殘疾皇子穴肘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容