ios - Collection View 树表示

Question

我正在考虑在 iOS 中创建树数据结构的某种可视化表示。树中节点保存的数据是图像和标签，一个节点最多可以有 6 个子节点。

目前，我有一个带有自定义布局的 Collection View ，我在遍历自制树时以编程方式计算每个节点的 x 和 y。

此解决方案有效，但效果甚微。当我构建更多功能时，我预计它会分崩离析。

我考虑过在构建树后制作图像并仅使用 ImageView ，但我计划在分支上实现某种展开/折叠。我还需要一种放大和缩小整棵树的方法，这对于 Collection View 来说似乎不太容易。

有更好的解决方案吗？

Answer 1

在 UIScrollView 中只使用简单的 View 怎么样？

这样你就可以:

• 控制展开和折叠每个节点。
• 放大和缩小以获得整体或细节 View 。
• 在巨大的树结构的情况下滚动。

在这里，我使用 UIView 创建了一个示例项目: https://github.com/crisisGriega/swift-simple-tree-drawer

这是一个快速的开发，所以有很多地方可以改进，比如节点之间的线(连接器)的绘制方式。同样在此示例中，节点被添加到 UIView 而不是 UIScrollView。但是您可以点击节点以显示/隐藏其子项。