如何在iOS中创建类似于yelp的复杂滚动视图?

时间:2017-08-13 20:33:17

标签: ios uitableview layout uicollectionview

当您点击特定餐厅或某个活动时,Yelp会显示此视图:

enter image description here

在上图中,有Cascal标签,然后是Write a Review按钮,然后是三个按钮(Photo or VideoCheck inBookmark)行,然后是地图,以及下面的一些单元格(DirectionsCallExplore the menu等。)

如何制作类似于此的复杂滚动视图(您是否必须使用集合视图或表视图?)?由于在tableviewcollectionview中,您一次又一次地重复使用相同的单元格(具有相同的布局),因此很难创建具有如上图所示的如此多异构元素的视图。 / p>

1 个答案:

答案 0 :(得分:1)

使用表格视图和一堆不同的单元格类,每个单元格都有其独特的设计(XIB或Storyboard)和高度。

根据索引路径选择单元格类和高度,并让表视图委托方法相应返回。

实际上非常基本的东西。

如果需要,您只能重复使用单元格类。在Yelp示例中,方向,调用,浏览菜单和更多信息单元格可能使用了相同的设计,因为布局似乎相同,只有图像和文本不同。