iOS Storyboard 中 UITableView 無法拖拽調整大小的解決方法

問題現象

在 Xcode Storyboard 中拖入 `UITableView` 後，控件佔滿整個視圖控制器，無法通過鼠標拖拽調整框（Resize Handles）改變大小，導致無法佈局其他子視圖。

根本原因

Storyboard 中 `UITableView` 默認約束為「鋪滿父視圖」或未正確設置約束，且處於「選中狀態」時顯示的調整框可能被遮擋或不可用。

解決步驟 (圖文詳解)

1. 選中 Table View：在畫布或文檔大綱 (Document Outline) 中點擊選中 `Table View`
2. 打開 Size Inspector：點擊右側面板第 5 個圖標 尺寸檢查器 (Size Inspector, 快捷鍵 ⌥⌘5)
3. 調整尺寸屬性：
   • 在 View > Frame 區域
   • 修改 X、Y、Width、Height 數值
   • 或直接拖動畫布上出現的白色調整框 (需先取消「自動佈局」約束或添加具體約束)
4. 添加正確約束 (推薦)：
   • 選中 Table View
   • 點擊畫布右下角 Add New Constraints (豎向釘子圖標)
   • 設置上/左/右/下邊距 (如：Top: 100, Leading: 20, Trailing: 20, Bottom: 50)
   • 取消勾選 Constrain to margins
   • 點擊 Add 4 Constraints

關鍵設置截圖說明

紅框 1：Size Inspector 入口
紅框 2：Frame 區域可直接輸入 Width/Height 數值
紅框 3：Constraints 區域管理 Auto Layout 約束

常見誤區與避坑

進階技巧：動態高度 Cell + Table View 自適應

// Swift 代碼
tableView.estimatedRowHeight = 80
tableView.rowHeight = UITableView.automaticDimension

// 確保 Cell 內部控件有完整垂直約束鏈 (Top -> Content -> Bottom)
// 禁止在 Cell 中設置固定高度約束

總結

Storyboard 中調整 `UITableView` 大小的正確姿勢：選中 → Size Inspector (⌥⌘5) → 修改 Frame 數值或編輯 Constraints。掌握 Auto Layout 約束編輯是 iOS 界面開發核心技能，建議系統學習約束優先級、內在內容尺寸、佈局錯誤調試技巧。