使用AsyncDisplayKit添加自定义按钮

时间:2015-03-03 12:03:29

标签: ios facebook uiwebview asyncdisplaykit

我正在开发一个IOS应用程序。我使用Facebook AsyncDisplayKit库。我想要一个ASNodeCell中的按钮我得到了" 变量'节点'在被块捕获时未初始化。如何在ASNodeCell中添加UIButton或UIWebView控件。请帮帮我

dispatch_queue_t _backgroundContentFetchingQueue;
    _backgroundContentFetchingQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0);

dispatch_async(_backgroundContentFetchingQueue, ^{
    ASDisplayNode *node = [[ASDisplayNode alloc] initWithViewBlock:^UIView *{
        UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
        [button sizeToFit];
        node.frame = button.frame;
        return button;
    }];

                           // Use `node` as you normally would...
    node.backgroundColor = [UIColor redColor];

    [self.view addSubview:node.view];
});

enter image description here

1 个答案:

答案 0 :(得分:4)

请注意,在您的情况下,不需要使用UIButton,您可以使用ASTextNode作为按钮,因为它继承自ASControlNode(ASImageNode也是如此)。这在指南第一页的底部描述:http://asyncdisplaykit.org/guide/。这也将允许您在后台线程而不是主线程上执行文本大小调整(您的示例中提供的块在主队列上执行)。

为了完整起见,我还会对您提供的代码发表评论。

您正在尝试在创建时在块中设置节点的帧,因此您尝试在初始化期间在其上设置帧。这会导致你的问题。当您使用initWithViewBlock时,我认为您实际上不需要在节点上设置框架:因为内部ASDisplayNode使用该块直接创建其_view属性,该属性最终添加到视图层次结构中。

我还注意到你正在调用addSubview:在后台队列中,你应该在调用该方法之前调度回主队列。为方便起见,AsyncDisplayKit还将addSubNode:添加到UIView。

虽然我建议您在这里使用ASTextNode,但我已经更改了您的代码以反映更改。

dispatch_queue_t _backgroundContentFetchingQueue;
_backgroundContentFetchingQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0);

dispatch_async(_backgroundContentFetchingQueue, ^{
ASDisplayNode *node = [[ASDisplayNode alloc] initWithViewBlock:^UIView *{
    UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
    [button sizeToFit];
    //node.frame = button.frame; <-- this caused the problem
    return button;
}];

                       // Use `node` as you normally would...
node.backgroundColor = [UIColor redColor];

// dispatch to main queue to add to view
dispatch_async(dispatch_get_main_queue(),
    [self.view addSubview:node.view];
    // or use [self.view addSubnode:node];
  );
});