前言:
tableView cell 自適應在我們的日常開發中經常會用到,假如你使用的是autolayout布局并且最低支持的版本是8.0及以上,本文可能會對你有所幫助
栗子:
效果如圖,最終實現的是第三行文字高度自適應,來看下我們的實現
-
代碼部分(swift):
override func viewDidLoad() {
super.viewDidLoad()
self.tableview.estimatedRowHeight = 80
self.tableview.rowHeight = UITableViewAutomaticDimension
// Do any additional setup after loading the view, typically from a nib. }
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "TestTableViewCell", for: indexPath) as! TestTableViewCell
var contentText = "這是一段很長的文字"
for _ in 0...arc4random()%5 {
contentText = contentText + "這是一段很長的文字"
}
cell.contentLabel.text = contentText
return cell }
** 解釋:iOS8以后蘋果為我們提供了一個 estimatedRowHeight 和 UITableViewAutomaticDimension 屬性,直譯過來分別為 預期高度和 tableView自動尺寸**,第一段代碼的意思是設置tableView的預期高度為80并且設置tableView的行高為自動計算行高后所得到的值(當然這兩個屬性也可以通過相應的代理方法進行設置),cellForRow和我們以往一樣。這樣在約束好以后,它就會自動幫我算好行高,可以這么理解,系統會幫我們把cell的行高算好,然后自動把這個值匹配給我們相應的cell。
要實現這種效果還有一個重點就是關于 約束的問題,我們的約束必須要滿足 self-sizing cell,簡單來說就是我們需要換行高的那個label需要有相對于cell上下左右的約束(直接的約束或者通過其他控件的間接約束),我們來看下栗子里的約束情況
- 約束部分:
上邊約束:距離subtitleLabel的底部為4
左邊約束:圖第三個約束,內容為與subtitleLabel的左邊相等
下邊約束:距離cell下邊距離為 14
右邊約束:距離cell右邊距離為26
解釋:我們可以看到下和右邊的約束是直接相對于cell的,而其他兩個約束都是相對于subtitleLabel的,為了滿足我們上面講的 self-sizing cell,我們的subtitleLabel就必須滿足有相對于cell左邊和上邊的約束,而我們的subtitleLabel的部分約束又是相對于titleLabel的,所以titleLabel也要滿足相應的約束要求,總之,最后我們自動行高的label必須滿足有相對于cell上下左右的約束,才可實現行高的自動適應
總結:
這是一個最簡單的一個例子,可能我們的需求會是各種各樣的情況,比如我們需要多個label自適應,水平方向有多個label,某行或者某列有多個label只有部分需要換行等等,這些就需要運用到我們的 約束優先級 相關的知識了。這一塊有時間再講吧