iOS的简单但动态生成的流程图或流程图视图

Question

也许“流程图”或“流程图”甚至不是我正在寻找的正确术语，但这是我能想到的最好类比。基本上，我正在尝试查找一个库或类，允许在给定空间内动态创建连接的单元格/UIViews。在代码中，您可以从视图添加/删除有序单元格，并相应地排列。通常，如果超级视图大小允许（即iPad），它将水平排列这些连接的单元格。如果空间受限（iPhone），它将尽可能多地将单元格水平排列在一行上，然后在下面水平排列其余单元格...类似于图形“自动换行”。当然，我怀疑是否有一个神奇的库可以做到所有这些，但如果SO社区可以指向一些更好的术语和/或一些潜在的候选人进行分支，我将非常感激。

我查看了AQGridView，它是一个非常庞大的库，编译后大小超过700Kb。SSCollectionView非常接近需求，但需要手动居中单元格，且还不支持可变单元格高度/宽度。

为了让您更好地理解我的想法，这里有一张图片：

- Greg Combs

---

WWDC 2010，Session 141，“Crafting Custom Views” 中提供了使用 CGLayers 制作树形视图的示例代码。它 a) 是针对 Mac 的 b) 不是一个库 c) 通常不完全符合您的需求（因此不是答案），但您要求指针，这可能值得一看。 - jscs

你想做的就像文本布局一样，其中空格是黄色连接线，而（不可分割的）单词是视图。以这种方式看待，你应该能够应用追溯到TeX的见解。甚至可能有一种方法可以让CoreText为你执行一些布局工作-每个框可以被视为自定义字形而不是自定义单词，其中连接是“空格”字形。 - Jeremy W. Sherman

我其实忘了CoreText现在也可以在iOS上使用了（从3.2版本开始吧）。这可能超出了我的理解范围，但我会探索一下看看能不能弄明白。 - Greg Combs

Answer 1

完成了。虽然我不得不自己编写代码，但它的功能与我的期望一样。欢迎在GitHub上fork我的AppendingFlowView仓库。

• 它是动态的（按需添加阶段）。
• 它会响应主视图中的更改并根据需要重新定位和调整单元格大小，并带有动画效果！
• 它可以自动处理多个行，具体取决于所需的单元格大小和数量。

- Greg Combs

Answer 2

我创建了这个开源的ios-lib，可以轻松地创建一个图形或树形结构，并在视图中绘制它。

欢迎随时提出pull requests :)

https://github.com/chikuba/JENTreeView

- chikuba