AnsycDisplayKit源代码分析1:AnsycDisplayKit概述

AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第1张图片
AsyncDisplayKit

AnsycDisplayKit是关注的人比较少的库之一,这是因为这是个很重量级的库,它基本重写了UIKit,使用它基本上就等同于放弃原来的UIView和UILayer的方案,还有个原因是很少有界面复杂到像Facebook那样对体验要求那么高。但这些问题都不影响我们探究它内部的机制,毕竟这是个Facebook内部使用的库。
AnsycDisplayKit 的下载地址 https://github.com/facebookarchive/AsyncDisplayKit
正如github上所说,AsyncDisplayKit已经重新命名为Texture ,究其原因笔者猜测是因为作者(Scott Goodson)的离职。他曾经就职于Facebook以及Instagram等公司,并在这里大致介绍了AsyncDisplayKit 的概况 :
Scott Goodson - Behind AsyncDisplayKit
这个库太庞大了,以至于我们不可能在一篇文章中描述完全,因此,笔者会做个系列博客和大家讨论这个库。今天我们讲第1篇:AnsycDisplayKit概述。

git clone AnsycDisplayKit的代码后我们进入example目录,可以看到如下这么多目录

AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第2张图片
AnsycDisplayKit的Example目录

我们选中ASViewController并打开,然后在该目录下pod update完成后即可运行运行程序,截图如下:


AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第3张图片
截图1

我们选中其中的任何一个(这里选中第一个)可以发现:


AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第4张图片
截图2

下面我们针对上面的两张图一一分析。
第一张图是一个tableview列表页(对应的Controller是ViewController),第二章是collectionview列表页(对应的Controller是DetailViewController)。

由代码

@interface ViewController : ASViewController
@end

可知,ViewController继承自ASViewController。
当然,从代码

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

显而易见,ASViewController是UIViewController的一个子类。

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

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

因此,这里在ViewController的创建中,新建了一个ASTableNode。我们继续看ASTableNode的代码

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

显而易见,Node与View的关系:

AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第5张图片

其中,view是作为node的一个属性存在,后面我们会发现,所有的针对UIKit层的操作,后面都是只针对ASNode的操作。那从view如何获取node呢,这里先不做说明,后面的文章会有更加细致的说明。
总所周知,View和Layer是有很大联系的,layer层负责UI的绘制,View负责事件的处理。所以我们不难得出如下的图:


AnsycDisplayKit源代码分析1:AnsycDisplayKit概述_第6张图片

到这里,AsyncDisplayKit 的中心思想已经介绍完了。我们不难得出,在ViewController中如下代码的大概意思

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

第一个的意思应该是cell的个数
第二个是每个cell的样式
第三个是点击cell的处理
那以前的UITableView的代理方法

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

哪里去了呢,别急,请听下回分解。

你可能感兴趣的:(AnsycDisplayKit源代码分析1:AnsycDisplayKit概述)