如何從Apple獲取此圖像/文本iOS佈局？

Question

我遇到了蘋果的UI設計做與不該做這個形象：

當然左邊的UI是一個我拍攝，我的問題是什麼是最好的方法去左邊獲取這個用戶界面？我最初的想法是使用一個靜態的表視圖，頂細胞是圖像和它下面的單元格，但我想到了兩個問題與方法：

1. 我怎麼會得到那個小水滴圖像跨越兩個細胞？
2. 無論放入多少文本（即根據文本數量調整文本字段和單元格的大小），如何確保圖像下方的文本字段總是正確的長度？

我的第二個想法是使用一個UIScrollView，並把圖像的頂部，限制了水滴在它們之間，然後有一個文本字段下方，但隨後：

1. 我會怎樣請確保文本字段總是正確的長度無論放入文本的數量？
2. 在UIScrollView中約束這些項目是非常不可能的，我如何在UIScrollView中正確地約束這些項目？

Answer 1

爲什麼不使用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的麻煩中。