在 Swift 的 TableView 中實現行高自適應是一個非常實用的功能，特別是在顯示動態內容時。隨著 Swift 語言的進步，我們需要確保使用最新的語法和最佳實踐來實現這一功能。以下是完整的教學流程和實作範例。
## 1. 設定 TableView 的自適應高度
在你的 `UITableViewController` 中，首先需要設置 `rowHeight` 和 `estimatedRowHeight` 屬性。這是讓 TableView 知道如何計算行高的關鍵步驟。
“`swift
override func viewDidLoad() {
super.viewDidLoad()
tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 100 // 這是估算的行高
}
“`
## 2. 實作 `heightForRowAt` 方法
接下來，為了實現行高自適應，我們需要覆寫 `heightForRowAt` 方法。使用 `UITableView.automaticDimension` 來讓系統自動計算每一行的高度。
“`swift
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return UITableView.automaticDimension
}
“`
## 3. 確保你的 Cell 支持自適應
在你的自定義 UITableViewCell 中，確保所有需要自適應的 UI 元素都正確設置了 Auto Layout 約束。這樣才能確保在內容變化時，行高可以自動調整。
“`swift
class MyCustomCell: UITableViewCell {
@IBOutlet weak var myLabel: UILabel!
override func awakeFromNib() {
super.awakeFromNib()
myLabel.numberOfLines = 0 // 設置為 0 以允許多行顯示
}
}
“`
## 4. 錯誤排除
如果你發現行高沒有如預期自適應，請檢查以下幾點：
– 確保所有 UI 元素都有正確的 Auto Layout 約束。
– 確保 `rowHeight` 和 `estimatedRowHeight` 屬性已正確設置。
– 確保在 Cell 中的 Label 或其他 UI 元素的 `numberOfLines` 設為 0。
## 5. 延伸應用
透過自適應高度的功能，你可以在 TableView 中實現更為複雜的 UI，例如顯示圖片與文字的混合內容。這將大幅提高用戶體驗，使應用更具吸引力。
*圖片說明：自適應高度的示範，顯示內容隨行高變化的效果。*
## 常見問題解答
### Q1: 如何讓 TableView 的行高隨內容自動調整？
A1: 你需要在 `UITableViewController` 中設置 `rowHeight` 為 `UITableView.automaticDimension`，並為自定義 Cell 的 UI 元素設置合適的 Auto Layout 約束。
### Q2: 如果行高不自適應，該如何排查？
A2: 確保你的 UI 元素有正確的 Auto Layout 約束，並檢查 `numberOfLines` 屬性是否設為 0。
### Q3: 是否可以在 TableView 中使用圖片並使行高自適應？
A3: 是的，只要確保圖片的約束正確設定，行高就可以自動適應圖片的大小和內容。
—
這樣的內容更新不僅強化了文章的實用性，還提高了 SEO 效果，希望這能幫助到你！