如何从Apple获取此图像/文本iOS布局？

我遇到了苹果的UI设计做与不该做这个形象：如何从Apple获取此图像/文本iOS布局？

当然左边的UI是一个我拍摄，我的问题是什么是最好的方法去左边获取这个用户界面？我最初的想法是使用一个静态的表视图，顶细胞是图像和它下面的单元格，但我想到了两个问题与方法：

我怎么会得到那个小水滴图像跨越两个细胞？
无论放入多少文本（即根据文本数量调整文本字段和单元格的大小），如何确保图像下方的文本字段总是正确的长度？

我的第二个想法是使用一个UIScrollView，并把图像的顶部，限制了水滴在它们之间，然后有一个文本字段下方，但随后：

我会怎样请确保文本字段总是正确的长度无论放入文本的数量？
在UIScrollView中约束这些项目是非常不可能的，我如何在UIScrollView中正确地约束这些项目？

来源

2017-08-06 brettf

为什么不使用UITableView，并在可以通过重用标识符调用的接口构建器中创建单元。每个单元格都会有图像以及所需的相关信息。这将修复您的第一个选项，因为您可以将水滴图像放置在图像和文本上。

对于你的第二个问题，确保单元格的高度正确可以通过给UITableView动态高度来完成。

例如，你不会需要插入这个tableview中一个heightForRowAtIndexPath功能，您还可以定义：

tableView.estimatedRowHeight = 100; //Can be any value really, but giving a reasonable estimate is helpful 
    tableView.rowHeight = UITableViewAutomaticDimension;

另外，你的TextView的要使用不应与任何设置在界面构建器中固定宽度或高度。

TableView Image。你的imageView会被设置成有点像这张图片中的蓝色部分（但是适合整个屏幕的宽度），你的textView就像红色的一样。它们都适合于一个单元格，并且使组织更容易，而不是为一组内容使用2个单独的单元格，而且您不必陷入设置UIScrollView的麻烦中。

来源

2017-08-07 08:52:50

因此，就约束条件而言，我会将水滴限制在顶部，将咖啡杯图像限制在顶部，然后将textView限制在单元格的底部，以便在需要时拉伸？ – brettf

是的。如果我理解正确，你应该将所有项目限制在superView中（作为单元格）。我想你可以这样做：咖啡杯图片：top：0 left：0 right：0 height：固定值或相对于单元格的高度 TextView：bottom：0 left：0 right：0 height：fixed value or相对于单元格高度，或者只是一个顶部而不是相对于咖啡杯图像的高度我认为您需要在单元格中水平和垂直居中对齐的小滴，并将垂直常数调整为您想要的大小，并且提供宽度和高度。希望这有助于 –

如何从Apple获取此图像/文本iOS布局？

回答

相关问题