ios - CellNode 的 ASCollectionNode 全角布局

Question

我想在 ASCollectionNode 中使单元格为全角，但我会根据内容调整 CellNodes 的大小。我已经实现了layoutSpecThatFits:。

See the image

Answer 1

我实现这一目标的方法是在 ASStaticLayoutSpec 内添加全宽的额外节点。

在标题中:

@property(强，非原子)ASDisplayNode *stretchNode;

在初始化中

_stretchNode = [ASDisplayNode 新];
[self addSubnode:_stretchNode];

适合的布局规范:

- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize {
    _stretchNode.sizeRange = ASRelativeSizeRangeMakeWithExactCGSize(CGSizeMake(constrainedSize.max.width, 0.5f));

    NSArray *children = @[];

    ASStackLayoutSpec *mainStackLayoutSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical spacing:0 justifyContent:ASStackLayoutJustifyContentStart alignItems:ASStackLayoutAlignItemsStart children:children];
    ASStaticLayoutSpec *mainStaticLayoutSpec = [ASStaticLayoutSpec staticLayoutSpecWithChildren:@[mainInsetsLayoutSpec, _stretchNode]];

    return mainStaticLayoutSpec;
}

这里重要的部分是将布局和拉伸(stretch)节点包装在 ASStaticLayoutSpec 中。您可以将 StackLayout 替换为您想要的任何内容。