xib動態改變cell行高，xib動態cell行高

xib動態改變cell行高，xib動態cell行高

布局如下

 

共3個控制項，一個頭像，一個背景，一個message

現在當輸入多行文字時希望cell動態調整行高

那麼首先頭像的高度肯定是不希望改變的，所以頭像的寬度是有contentview的寬度來決定的，它的高得1:1（其他的也可以）取決於它的寬度，這樣contnetview高度變化時就不會影響頭像大高度

然後設定uilabel多行顯示有些許不同

參考

XIB下UILabel的自動換行(可動態換行以及調整高度)

使用Autolayout實現UITableView的Cell動態布局和高度動態改變（這是翻譯）Using Auto Layout in UITableView for dynamic cell layouts & variable row heights（這是原文）

根據上面的建議知道，建立cell會預先多次調用

-(CGFloat)tableView:(nonnull UITableView *)tableViewheightForRowAtIndexPath:(nonnull NSIndexPath *)indexPath

用以建立cell，那麼如何在建立前就設定好高度就相當重要了

如果是純程式碼的話，一般這麼處理

首先建立cell之前先行擷取到資料來源，然後資料來源根據cell索引尋找到該條資料，然後處理該條資料獲得高度在heightForRow裡進行返還即可

-(CGFloat)tableView:(nonnull UITableView *)tableViewheightForRowAtIndexPath:(nonnull NSIndexPath *)indexPath{    NSString* string=dataSource.nsArrayModels[indexPath.row];    CGSize size=[string boundingRectWithSize:CGSizeMake(tableView.frame.size.width, MAXFLOAT)                         options:NSStringDrawingUsesLineFragmentOrigin                                  attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:12.f],NSBackgroundColorAttributeName:[UIColor yellowColor]}                         context:nil].size;    return size.height;}

如果是純文字的資訊還好處理，一旦資料樣式多變就比較麻煩了，而且這裡面的屬性配置

@{NSFontAttributeName:[UIFont systemFontOfSize:12.f],NSBackgroundColorAttributeName:[UIColor yellowColor]

是以xib中的為準的，就是此處無效（那為什麼要寫？萬一要代碼寫忘記就麻煩了）

使用xib自適應的話

首先如何設定高度

    //開啟估算行高根據內容動態修改cell高度    self.tableview0.estimatedRowHeight=20.f;    self.tableview0.rowHeight=UITableViewAutomaticDimension;

是的，採用系統提供的行高估算方法來擷取一個臨時的cell高度，當cell真正的依靠約束改變高度時並建立完成時就會自動的替換高度了

那麼約束改變行高的關鍵是

 確保每個子視圖垂直方向上的內容壓縮阻力(compression resistance)和吸附性約束(hugging constraints)沒有被你添加的更高優先順序的約束條件覆蓋，讓這些子視圖的固有內容尺寸(intrinsic content size)來驅動contentView的高度。

依靠內容驅動，而且是最高優先順序（至少在改變高度這件事上）注意內容驅動的話代表的是所有的直接可以影響到contentview高度的控制項，這裡的話都會影響到，如果背景圖的像素高一開始足夠大或者等於了cell的高度都會應影響的，頭像同理,為了保持文字完全顯示在背景上所以背景的高度是由message來的驅動的

內建的表情可以直接顯示還真是意外

寬度的好像沒做。。。。。。。。。