UITableView上に可変するUITextViewを作る

やりたいこと

こういうのを作る。

方法

1. Storyboard上でtableViewのcellにtextViewを配置

2. textViewに Auto Layout の制約を設定

   • textViewの上下左右のスペースに対して制約を設ける

3. textViewのプロパティ Scrolling Enabled のチェックを外す
   

4. textViewが自動でcellの高さを調整するように設定

   override func viewDidLoad() {
       super.viewDidLoad()
   
       tableView.rowHeight = UITableViewAutomaticDimension
       tableView.estimatedRowHeight = 10000
   
       // ~~~
   }
   

   ここで注意!
   estimatedRowHeight を十分大きな値にしておかないと、textViewのサイズが画面を超えた状態でテキスト入力した際にスクロールが上下にバインバインと意図しない動きする。

5. テキストが入力される度にtextViewの高さを調整

   • tableViewの beginUpdates() と endUpdates() でcellが更新される

   // MARK: - TextViewDelegate
   
   func textViewDidChange(textView: UITextView) {
       tableView.beginUpdates()
       tableView.endUpdates()
   }
   

環境

Xcode 7.1
Swift 2.1
iOS 8以上で確認

参考

http://www.howlin-interactive.com/2013/01/creating-a-self-sizing-uitextview-within-a-uitableviewcell-in-ios-6/
http://stackoverflow.com/questions/29314535/uitableview-beginupdate-endupdate-causing-scroll-to-top