AnsycDisplayKit源代碼分析1:AnsycDisplayKit概述

AsyncDisplayKit

AnsycDisplayKit是關(guān)注的人比較少的庫之一,這是因?yàn)檫@是個(gè)很重量級(jí)的庫,它基本重寫了UIKit,使用它基本上就等同于放棄原來的UIView和UILayer的方案,還有個(gè)原因是很少有界面復(fù)雜到像Facebook那樣對(duì)體驗(yàn)要求那么高。但這些問題都不影響我們探究它內(nèi)部的機(jī)制,畢竟這是個(gè)Facebook內(nèi)部使用的庫。
AnsycDisplayKit 的下載地址 https://github.com/facebookarchive/AsyncDisplayKit
正如github上所說,AsyncDisplayKit已經(jīng)重新命名為Texture ,究其原因筆者猜測是因?yàn)樽髡撸⊿cott Goodson)的離職。他曾經(jīng)就職于Facebook以及Instagram等公司,并在這里大致介紹了AsyncDisplayKit 的概況 :
Scott Goodson - Behind AsyncDisplayKit
這個(gè)庫太龐大了,以至于我們不可能在一篇文章中描述完全,因此,筆者會(huì)做個(gè)系列博客和大家討論這個(gè)庫。今天我們講第1篇:AnsycDisplayKit概述。

git clone AnsycDisplayKit的代碼后我們進(jìn)入example目錄,可以看到如下這么多目錄

AnsycDisplayKit的Example目錄

我們選中ASViewController并打開,然后在該目錄下pod update完成后即可運(yùn)行運(yùn)行程序,截圖如下:


截圖1

我們選中其中的任何一個(gè)(這里選中第一個(gè))可以發(fā)現(xiàn):


截圖2

下面我們針對(duì)上面的兩張圖一一分析。
第一張圖是一個(gè)tableview列表頁(對(duì)應(yīng)的Controller是ViewController),第二章是collectionview列表頁(對(duì)應(yīng)的Controller是DetailViewController)。

由代碼

@interface ViewController : ASViewController<ASTableNode *>
@end

可知,ViewController繼承自ASViewController。
當(dāng)然,從代碼

@interface ASViewController<__covariant DisplayNodeType : ASDisplayNode *> : UIViewController <ASVisibilityDepth>
@end

顯而易見,ASViewController是UIViewController的一個(gè)子類。

在ViewController的初始化中,我們看到

- (instancetype)init
{
    self = [super initWithNode:[ASTableNode new]];
    if (self == nil) { return self; }
        
    return self;
}

因此,這里在ViewController的創(chuàng)建中,新建了一個(gè)ASTableNode。我們繼續(xù)看ASTableNode的代碼

@interface ASTableNode : ASDisplayNode <ASRangeControllerUpdateRangeProtocol>
@property (strong, nonatomic, readonly) ASTableView *view;
@end

顯而易見,Node與View的關(guān)系:


其中,view是作為node的一個(gè)屬性存在,后面我們會(huì)發(fā)現(xiàn),所有的針對(duì)UIKit層的操作,后面都是只針對(duì)ASNode的操作。那從view如何獲取node呢,這里先不做說明,后面的文章會(huì)有更加細(xì)致的說明。
總所周知,View和Layer是有很大聯(lián)系的,layer層負(fù)責(zé)UI的繪制,View負(fù)責(zé)事件的處理。所以我們不難得出如下的圖:



到這里,AsyncDisplayKit 的中心思想已經(jīng)介紹完了。我們不難得出,在ViewController中如下代碼的大概意思

- (NSInteger)tableNode:(ASTableNode *)tableNode numberOfRowsInSection:(NSInteger)section
{
}
- (ASCellNodeBlock)tableNode:(ASTableNode *)tableNode nodeBlockForRowAtIndexPath:(NSIndexPath *)indexPath
{
}
- (void)tableNode:(ASTableNode *)tableNode didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
}

第一個(gè)的意思應(yīng)該是cell的個(gè)數(shù)
第二個(gè)是每個(gè)cell的樣式
第三個(gè)是點(diǎn)擊cell的處理
那以前的UITableView的代理方法

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(nonnull NSIndexPath *)indexPath
{
}

哪里去了呢,別急,請(qǐng)聽下回分解。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • AnsycDisplayKit是關(guān)注的人比較少的庫之一,這是因?yàn)檫@是個(gè)很重量級(jí)的庫,它基本重寫了UIKit,使用它...
    頂級(jí)程序員不穿女裝閱讀 475評(píng)論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,062評(píng)論 25 709
  • 一 看過的太多的風(fēng)景,但值得在心里牢牢銘記的,只有是關(guān)于她的,也才是最最珍貴的。 ...
    輪回不果閱讀 213評(píng)論 0 1
  • 此刻,如果說心血是男人最后的玫瑰,那紅酒就一定是女人最后的眼淚…… 月在樹影里婆娑,風(fēng)在露珠上舞蹈,今夜,誰與我舉...
    品匯koko閱讀 282評(píng)論 0 0
  • 這幾天在審專題里的稿子,然后看到了一篇對(duì)我觸動(dòng)特別大的文章,其實(shí)是個(gè)很簡單的短故事,一個(gè)叫穆小小的女孩兒沒有高文憑...
    暮帆閱讀 335評(píng)論 4 7

友情鏈接更多精彩內(nèi)容