UITableView上に可変するUITextViewを作る

この記事はQiitaに投稿されたものの転載です。

---

やりたいこと

こういうのを作る。

方法

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