ios - How to draw connecting lines between two uitableviewcells ios

Question

I want to show links between two cells of uiTableView.

For Ex: To show links between cells 1 and 5, it could be shown like:

Does any one has any idea how this can be achieved. Also when table scrolls, these links should be scrolled with it.

Answer 1

如果您想要两个单元格之间的箭头，则为表格单元创建一个单独UIView的类，其中UIView添加一个UILabel用于文本和一个UIImageView用于箭头，根据您的要求调整位置。

现在将其传递UIView给单元格。

希望这会帮助你。

Answer 2

UITableViewCell只是 的子类UIView并且UITableView是 的子类UIScrollView。UITableView 提供的唯一奇思妙想是创建/重用单元格并将它们布置在滚动视图中。（这是一个严重的过度简化，但为此它会成功。）

因此，如果我有一个UIView绘制箭头的子类，那么只需获取我想要指向的单元格的框架即可。 CGRect frame1 = [[self.tableView cellForRowAtIndexPath:indexPath] frame];

一些伪代码...

topCellFrame = get top cell frame;
bottomCellFrame = get bottom cell frame;
arrow = new arrow view;
arrow set frame = frame with origin of top cell frame origin, and height of distance from topCellFrame to bottomCellFrame;
tableView add subview = arrow;

有一些边缘情况需要考虑，如果顶部单元格或底部单元格在屏幕外，cellForRowAtIndexPath:则将返回 nil 并且 frame 将是CGRectZero.

但我会把它留给你作为练习。

编辑：（我没有做过这个确切的事情，但我对单元格的框架做了一些类似的事情）

Answer 3

这看起来像您想要构建分层视图。由于未考虑 HIG，您的实施可能会被 Apple 拒绝。

另外，如果用户看不到下部，会怎样？没有尽头的箭头，需要向下滚动以供用户使用？

你可能想做一个树状结构（任何层次结构）而不是丑陋的（对不起）箭头。