UITableViewCell高度自適應的關鍵點

来源:http://www.cnblogs.com/SUPER-F/archive/2017/08/07/7298368.html
-Advertisement-
Play Games

iOS開發中對於UITableViewCell高度自適應的文章已經很多很多,但如果cell內容比較複雜,剛使用autolayout配置自使用時還是總不能一次性成功。 KEY POINT 這裡只說設置的關鍵一點: Cell內部的Constraints一定要有一條從Cell頂部到底部的一條可聯通線。 圖 ...


iOS開發中對於UITableViewCell高度自適應的文章已經很多很多,但如果cell內容比較複雜,剛使用autolayout配置自使用時還是總不能一次性成功。

KEY POINT

這裡只說設置的關鍵一點:

Cell內部的Constraints一定要有一條從Cell頂部到底部的一條可聯通線。

圖例列表:


Paste_Image.png
Paste_Image.png
Paste_Image.png

最後頂部元素居上和底部元素距底部,加上約束即可。
這條線上可以有固定高度的元素,可以有自適應高度的元素,但要保證:

設置自適應高度的元素都在這條線上。

當然如果在同一水平上有兩個需要自適應高度的元素,就有擇其一了。

OTHER POINTS

其他註意要點:

  1. 確保在設置約束之前,UITableViewCellsize inspector裡面 Row HeightDefault而不是custom的數值,否則之後不管你如何操作,UITableViewCell優先使用的都是custom的數值。

    Paste_Image.png
  2. 註意語句.
    _tableView.estimatedRowHeight=44.0;
    如果沒有這一行,依然無法自動佈局。
  3. 註意設置自適應高度Label lines0
    人總是容易忽略最簡單的問題。

Paste_Image.png

LAST

最後在代碼文件中,添加代碼:
iOS8
使用iOS8新出的方法:

self.tableView.estimatedRowHeight=44;
self.tableView.rowHeight=UITableViewAutomaticDimension;

iOS7
(就讓iOS7丟棄在歷史中吧。)
ios中沒有UITableViewAutomaticDimension自動計算高度,就只能自己去計算了。
ios7中需要一個輔助cell,cell的內容和UITableView的內容一致,但不用於顯示,而是用於根據填充的內容計算每個cell的高度。

@property (strong,nonatomic) AdaptionCell *adaptionCell;
//-(void)viewDidLoad 這裡為什麼不能使用[tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath]設置一個cell。因為這會導致cell被創建了但是又未曾被tableView:cellForRowAtIndexPath:方法返回,會造成記憶體泄露。
self.adaptionCell = [cellNib instantiateWithOwner:nil options:nil][0];
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
 self.adaptionCell.contentLabel.text=self.dataArray[indexPath.row%2];
    [self.adaptionCell layoutIfNeeded];
    CGFloat height = [self.adaptionCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
    return height+1;
}

這裡為什麼要+1,因為UITableViewCell有個邊緣線,比其ContentView高1(其實應該是0.5)

上面的方法里使用的一個函數systemLayoutSizeFittingSize獲取contentView的size,最終得到一個自適應後的height。

但這裡有個問題---為什麼這個方法得到了一個自適應的height,而不一個自適應的Width!
所以應該有個地方來限定Width,使得Cell的內容的填充是在縱向上,而不是橫向。

//  AdaptionCell.m
- (void)layoutSubviews{
    [super layoutSubviews];
    [self.contentView layoutIfNeeded];
    self.contentLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.contentLabel.frame);
}

LAST LAST

最後的最後,附上結果圖:


Paste_Image.png

和一個問題:
如果cell中需要自適應高度的文本是富文本,是否還可以使用autolayout做自適應?
簡單的UILabel attributedText可以通過



作者:Seas
鏈接:http://www.jianshu.com/p/386b792054b1
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • DatePicker日期與時間控制項 一、簡介 二、方法 最日常的使用方法了 日期控制項DatePicker 時間控制項TimePicker 月份從0開始 三、代碼實例 效果圖: 代碼: fry.Activity01 /DatePicherDemo1/res/layout/activity01.xml 四 ...
  • bitmap==null 一、問題介紹 調試找bug的過程出現bitmap==null,而傳過來創建bitmap的byte array有數據, 結果看了函數說明: 果斷知道是那個圖片沒有辦法decode,換了圖片果然就對了 二、收穫 發這篇文章其實是想提醒自己,多去看函數說明,多去看源碼,事半功倍。 ...
  • 1. 原理 每一個線程對應一個消息隊列MessageQueue,實現線程之間的通信,可通過Handler對象將數據裝進Message中,再將消息加入消息隊列,而後線程會依次處理消息隊列中的消息。 2. Message 初始化:一般使用Message.obtain()方法獲取一個消息對象,該方法會檢查 ...
  • 本節來介紹另一個非常重要的調試選項:Debug JS Remotely選項。 ...
  • android.os.NetworkOnMainThreadException 一、出現原因 我把網路讀取數據的操作寫進了主線程 看名字就應該知道,是網路請求在MainThread中產生的異常 二、產生原因 官網解釋 Class Overview The exception that is thro ...
  • 配置環境變數,不然用不了adb命令 path這裡也一樣配置一下 命令的各種意思百度一下看看也就知道了 看到一篇博客推薦的一種測試命令,我也直接拿來用了 adb shell monkey -p 你的包名 -s 500 --ignore-crashes --ignore-timeouts --monit ...
  • imageView圖片放大縮小及旋轉 一、簡介 二、方法 1)設置圖片放大縮小效果 第一步:將<ImageView>標簽中的android:scaleType設置為"fitCenter" android:scaleType="fitCenter" 第二步:獲取屏幕的寬度 DisplayMetrics ...
  • 一、給一個時間,給一個數,正數是以後n個月,負數是前n個月; 1 -(NSDate *)getPriousorLaterDateFromDate:(NSDate *)date withMonth:(NSInteger)month 2 3 { 4 5 NSDateComponents *comps = ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...