美文网首页
AnsycDisplayKit源代码分析1:AnsycDispl

AnsycDisplayKit源代码分析1:AnsycDispl

作者: 顶级程序员不穿女装 | 来源:发表于2017-12-29 12:06 被阅读0次
    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的Example目录

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


    截图1

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


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

    由代码

    @interface ViewController : ASViewController<ASTableNode *>
    @end
    

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

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

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

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

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

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

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

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


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



    到这里,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:AnsycDispl

          本文链接:https://www.haomeiwen.com/subject/srsigxtx.html