AnsycDisplayKit源代码分析

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.由一个Demo探究ASDK类的继承关系
2.ASDK的消息转发机制
<h1 id="1">1.由一个Demo探究ASDK类的继承关系</h1>

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
{
}

<h1 id="2">2.ASDK的消息转发机制</h1>
众所周知，iOS的方法调用会经历三个阶段：
消息转发分为三大阶段

第一阶段先征询消息接收者所属的类，看其是否能动态添加方法，以处理当前这个无法响应的 selector，这叫做动态方法解析（dynamic method resolution）。如果运行期系统（runtime system）第一阶段执行结束，接收者就无法再以动态新增方法的手段来响应消息，进入第二阶段。
第二阶段看看有没有其他对象（备援接收者，replacement receiver）能处理此消息。如果有，运行期系统会把消息转发给那个对象，转发过程结束；如果没有，则启动完整的消息转发机制。
第三阶段完整的消息转发机制。运行期系统会把与消息有关的全部细节都封装到 NSInvocation 对象中，再给接收者最后一次机会，令其设法解决当前还未处理的消息。

我们就在第二阶段进行插入代理者的操作，代码如下所示(其中Animal是继承自NSObject的类)
Cat.h

@interface Cat : Animal
-(void)say;
@end

Cat.m

@implementation Cat
-(void)say
{
    NSLog(@"miao");
}
@end

看以上代码，我们可以发现，“猫”拥有说话的能力。
Pet.h

@interface Pet : NSObject
@property (nonatomic, strong) NSObject *intercetper;
-(void) play;
@end

Pet.m

@implementation Pet
-(void) play{
    NSLog(@"pay");
}

-(void)forwardInvocation:(NSInvocation *)invocation
{
    [invocation setTarget:self.intercetper];
    [invocation invoke];
}
- (NSMethodSignature *)methodSignatureForSelector:(SEL)sel
{
    NSMethodSignature *signature = nil;
    if ([self.intercetper methodSignatureForSelector:sel]) {
        signature = [self.intercetper methodSignatureForSelector:sel];
    }else{
        signature = [self methodSignatureForSelector:sel];
    }
    return signature;
}
@end

由Pet的代码可知Pet只有Play的能力，没有say的能力。
最后我们在ViewController中调用如下代码：

Cat *cat = [[Cat alloc] init];
Pet *pet = [[Pet alloc] init];
pet.intercetper = cat;
[pet performSelector:@selector(say) withObject:nil];

我们会发现Pet也拥有了说话的能力。
这是因为Pet在调用say方法的时候发现找不到，于是它去调用了methodSignatureForSelector方法。
这就是第二阶段的含义。

我们仍然以上一节的Demo为例，我们一一分析。

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.title = @"Image Categories";
    self.node.delegate = self;
    self.node.dataSource = self;
}

这其实就是设置了tableview的delegate以及dataSource。并且还加入了自己的一些方法。这里我们以设置Delegate为例进行讲解。

- (void)setDelegate:(id <ASTableDelegate>)delegate
{
  if ([self pendingState]) {
    _pendingState.delegate = delegate;
  } else {
//这里获取TableView
    ASTableView *view = self.view;
//这里设置Delegate
    ASPerformBlockOnMainThread(^{
      view.asyncDelegate = delegate;
    });
  }
}

如图，view.asyncDelegate = delegate;的详细实现如下

- (void)setAsyncDelegate:(id<ASTableDelegate>)asyncDelegate
{
  ASDisplayNodeAssertMainThread();
  NS_VALID_UNTIL_END_OF_SCOPE id oldDelegate = super.delegate;
  //如果是置空，则表明是要释放delegate
  if (asyncDelegate == nil) {
    _asyncDelegate = nil;
    _proxyDelegate = _isDeallocating ? nil : [[ASTableViewProxy alloc] initWithTarget:nil interceptor:self];
    memset(&_asyncDelegateFlags, 0, sizeof(_asyncDelegateFlags));
  } else {
//这里开始设置Delegate
    _asyncDelegate = asyncDelegate;
//这里插入了代理
    _proxyDelegate = [[ASTableViewProxy alloc] initWithTarget:_asyncDelegate interceptor:self];
    //这里用于判断Delegate是否实现了如下方法。
    _asyncDelegateFlags.scrollViewDidScroll = [_asyncDelegate respondsToSelector:@selector(scrollViewDidScroll:)];
    _asyncDelegateFlags.tableViewWillDisplayNodeForRow = [_asyncDelegate respondsToSelector:@selector(tableView:willDisplayNode:forRowAtIndexPath:)];
    _asyncDelegateFlags.tableNodeWillDisplayNodeForRow = [_asyncDelegate respondsToSelector:@selector(tableNode:willDisplayRowWithNode:)];
//这里省略一大段类似的代码
  }
  super.delegate = (id<UITableViewDelegate>)_proxyDelegate;
}

其中

 _proxyDelegate = [[ASTableViewProxy alloc] initWithTarget:_asyncDelegate interceptor:self];

很关键，我们要注意ASTableViewProxy的实现

- (BOOL)interceptsSelector:(SEL)selector
{
  return (
          // handled by ASTableView node<->cell machinery
          selector == @selector(tableView:cellForRowAtIndexPath:) ||
          selector == @selector(tableView:heightForRowAtIndexPath:) 
//这里省略一大段类似的代码
            );
}

@end

interceptsSelector指的就是需要拦截的方法，并且拦截的方法要被ASTableview使用。因此，我们能在ASTableview中发现如下代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

而他们的实现如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//设置cell
  _ASTableViewCell *cell = [self dequeueReusableCellWithIdentifier:kCellReuseIdentifier forIndexPath:indexPath];
  cell.delegate = self;
//创建自己的Node
  ASCellNode *node = [_dataController.visibleMap elementForItemAtIndexPath:indexPath].node;
  if (node) {
    [_rangeController configureContentView:cell.contentView forCellNode:node];
    cell.node = node;
  }
  return cell;
}

看到这里，想必大家知道为什么在ViewController中能见到

- (ASCellNodeBlock)tableNode:(ASTableNode *)tableNode nodeBlockForRowAtIndexPath:(NSIndexPath *)indexPath

等代码的原因了

AnsycDisplayKit源代码分析

AnsycDisplayKit源代码分析

相关代码

推荐阅读更多精彩内容