swift - iOS中类似于此种图片+文字的视图是如何实现的？

Question

如下面的图所示，要求就是要达成上面一张图，下面可以是各种文字，各种图之类的，然后是可以上下滚动的。

作为详细页面，我想项目是固定的吧，比如，在这个页面中需要展示：

• 标题
• 一张图片
• 文章信息
• 文字内容

我自己也不知道该如何称呼这种视图，估计应该是UIScrollView吧。然后我自己进行了一些尝试：

尝试一

我使用UITableView，我最先尝试的是使用使用TableView，然后静态分组的方式，图片可以放到Cell里，但是使用Group后，上面还有一个灰色的条，图片不能顶到导航的边上。所以放弃了。

尝试二

还是使用UITableView，比如我需要一张图一个大段文字，我建两个Cell，一个放图，一个放文字，但这样之后，在表的最后面，会有大量的没有使用的表格线。也不行。

尝试三

仍然使用UITableView，然后在表格的顶部插一UIView,再放图在里面。这样也能现实滚动，但下面的空白表仍然是长长的一段。不知如何去除。

尝试四

使用UIScrollView，手动编码，一个UIImageView，一个UILabel，插到Scroll中去。我把代码贴到了这里：

https://gist.github.com/wwq0327/959200f106e2c4812bd8

这样处理之后，有图有字，也能滚动，但让人郁闷的是图片的高度不对，我原本设置的是200的高，但在模拟器中显示出来是不止的，所以后面的整个scrollView的高度在计算上也会有问题了。

---

我不清楚这个该如何去实现，只能这样乱尝试了。但结果却不令人满意，在这里提问，希望有做过的朋友能给我一些帮助：

• 需要用哪些组件去做
• 如何做的？
• 有Demo更好了

谢谢。

Answer 1

Try it first. The height of that line can be set. As for the image that cannot be pushed to the edge of the navigation bar, self.automaticallyAdjustsScrollViewInsets = NO; and it was said upstairs that it is good to add it to the header view
Try 2. tableView.tableFooterView = [[UIView alloc]init]; Done
Try three. Same as two
Try 4. The code cannot be seen, but you directly write the imageView size, the label size should be dynamic, and finally set the contentSize of ScrollView