使用AsyncDisplayKit构建时间线视图

使用AsyncDisplayKit为iOS应用程序开发时间线视图时遇到了挑战。 所以这篇文章会告诉你我是怎么做到的

为了制作时间线视图，我为每个具有时间，标题和内容的时间线创建一个ASCellNode，重要的是点。

时间，标题和内容可以通过ASStackLayoutSpec进行管理，点可以使用ASCenterLayoutSpec和ASOverlaySpec进行管理

并连接所有点，我们需要添加垂直线，在这里我使用ASDisplayNode作为它，并通过调用addSubNode方法手动添加它。

使用ASDisplayNode绘制垂直线有点棘手，只需将backgroundColor用作线的颜色，并将width用作度量所需线的粗细。

在这种情况下，我使用2条垂直线，从单元格的顶部到点的顶部，从点的底部到单元格的高度。

完成所有这些代码后，我们将获得如下视图：

是的，这差不多完成了，但是所有单元之间都有一条水平线。 因此，我们需要为tableNode设置eparatorStyle。

完成done

可以从我的github访问本文中使用的所有代码

tarigancana / TimelineWithASDK
TimelineWithASDK –使用ASDK创建时间线视图 github.com