【Swift】UITextViewの高さを入力内容に合わせて変える方法

Question

課題

こちらを参考にし、UITextViewの高さを入力内容に合わせて変えることはできたのですが、ボタン押下後に入力していたtextを空にした場合、入力していた文字の高さが残ってしまいます。
ボタン押下後はデフォルトのtextViewの高さに戻すにはどうしたら良いでしょうか？

import UIKit

class ViewController:UIViewController {
    
    @IBOutlet weak var testView: UITextView!
    @IBOutlet weak var textViewHeight: NSLayoutConstraint!
    @IBOutlet weak var viewHeight: NSLayoutConstraint!
    
    var  currentTextViewHeight: CGFloat = 80
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        self.testView.delegate = self
    }
    @IBAction func tapButton(_ sender: Any) {
        testView.text = ""
        textViewHeight.constant = 80
    }
}

extension  ViewController: UITextViewDelegate {
    func textViewDidChange(_ textView: UITextView) {
            let contentHeight = self.testView.contentSize.height
           
            if 80.0 <= contentHeight && contentHeight <= 100.0 {
                
                self.testView.translatesAutoresizingMaskIntoConstraints = true
                self.testView.sizeToFit()
                self.testView.isScrollEnabled = false
                let resizedHeight = self.testView.frame.size.height
                self.textViewHeight.constant = resizedHeight
                self.testView.frame = CGRect(x: 60, y: 30, width: self.view.frame.width - 120, height: resizedHeight)
     
                if resizedHeight > currentTextViewHeight {
                    let addingHeight = resizedHeight - currentTextViewHeight
                    self.viewHeight.constant += addingHeight
                    currentTextViewHeight = resizedHeight
                } else if resizedHeight < currentTextViewHeight {
                    let subtractingHeight = currentTextViewHeight - resizedHeight
                    self.viewHeight.constant -= subtractingHeight
                    currentTextViewHeight = resizedHeight
                }
                
            } else {
             
                self.testView.isScrollEnabled = true
                self.textViewHeight.constant = currentTextViewHeight
                        self.testView.frame = CGRect(x: 60, y: 30, width: self.view.frame.width - 120, height: currentTextViewHeight)
                        
            }
            
        }
}

ボタンタップのアクション内に textViewHeight.constant = 80を書いたのですが高さが残ったままになってしまうのでデフォルトの高さに戻したいです。。。

デフォルトの高さ	入力文字数で高さ可変	ボタン押下後

viewの設定	textViewの設定

Answer 1

textViewDidChange(_:)の中で高さを変えているようですので、
それと同じ処理をしてみたらどうでしょうか。

    @IBAction func tapButton(_ sender: Any) {
        testView.text = ""
//        textViewHeight.constant = 80
        textViewDidChange(self.testView)
    }

---

コメントありがとうございます。
追記です。

すみません、StoryboardのConstraintsが再現できなくて、動きがどうなっているのか正しく把握できておりません・・

おそらく今はテキストの高さが80未満になっていて、
textViewDidChange(_:)メソッドのifのelseに入っているのかなと思っています。

すごく強引ですが、次のような感じはどうでしょうか。
一旦、3行分だけのテキストを設定して、それでサイズを合わせます。
するとifのtrueの方の処理がされると思います。
それからテキストを空にしてサイズを合わせます。
するとifのelseの方の処理がされると思います。
結果的に3行分の高さになると思うのですがどうでしょうか。

testView.text = "1\n2\n3"
textViewDidChange(self.testView)
testView.text = ""
textViewDidChange(self.testView)

本当は、高さの初期値を確認しておいて、
その初期値を設定する処理をした方が良いのかなと思います。
(textViewDidChange(_:)メソッドのifのtrueの処理と同等のことをする感じです)
(再現できていないのでわからないのですが、高さの初期値は80なのでしょうか)

self.testView.translatesAutoresizingMaskIntoConstraints = true
self.testView.sizeToFit()
self.testView.isScrollEnabled = false
self.textViewHeight.constant = 80 // ***** 高さの初期値
self.testView.frame = CGRect(x: 60, y: 30, width: self.view.frame.width - 120, height: 80) // ***** 高さの初期値
self.viewHeight.constant = 80 // ***** 高さの初期値
currentTextViewHeight = 80 // ***** 高さの初期値

---

コメントありがとうございます。
2つ目の追記です。

スクロールが発生する高さになった場合、デフォルトの高さに戻すにはどうしたら良いでしょうか。。。？

多分、テキストビューの高さは66.5で、それのコンテナーとなるビューの高さは80ということだと思いますので、
次のような感じはどうでしょうか。

@IBAction func tapButton(_ sender: Any) {
    testView.text = ""
//        textViewHeight.constant = 80
    self.testView.translatesAutoresizingMaskIntoConstraints = true
    self.testView.sizeToFit()
    self.testView.isScrollEnabled = false
    self.textViewHeight.constant = 66.5
    self.testView.frame = CGRect(x: 60, y: 30, width: self.view.frame.width - 120, height: 66.5)
    self.viewHeight.constant = 80
    currentTextViewHeight = 66.5
}

textViewDidChange(_:)メソッドの中は、

if 66.5 <= contentHeight && contentHeight <= 100.0 { 処理の中身は変えず } で試したところ

の状態で確認してみてください。

---

コメントありがとうございます。
3つ目の追記です。

しかし、ボタン押下後はボタン押下直前のcontentHeightの高さが残っているようでif trueに入ってしまいます・・・

ボタン押下直前のcontentHeightの高さというより、
空の文字列にして、self.testView.sizeToFit()したことにより1行分の高さ(33程度？)になってしまっているのかもしれません。
すみません、すぐに良い方法が思いつかないので、、
やっぱり次のようにしてみたらどうでしょうか。

    @IBAction func tapButton(_ sender: Any) {
        testView.text = "\n\n"
        textViewDidChange(self.testView)
        testView.text = ""
        textViewDidChange(self.testView)
    }

Comments

[konakizzi_mk]

ありがとうございます！
試してみたら、ボタン押下後1行分の高さになってしまいました。。。
textViewDidChange内の条件が足りないでしょうか。。。？

[退会済みユーザー]

コメントありがとうございます。

> 試してみたら、ボタン押下後1行分の高さになってしまいました。。。
> textViewDidChange内の条件が足りないでしょうか。。。？
すみません、あまりConstraintに詳しくないものですから・・
質問欄に「デフォルトの高さ」で3行分の高さがあると思いますが、
これを削除していったら1行分の高さになりますでしょうか？
希望する動作は文字がなくても3行分の高さを確保しておくことなのでしょうか？

[konakizzi_mk]

>質問欄に「デフォルトの高さ」で3行分の高さがあると思いますが、
>これを削除していったら1行分の高さになりますでしょうか？
入力文字を削除しても1行分の高さにはならずに、デフォルトの高さ(3行分)までは削除されます。
>希望する動作は文字がなくても3行分の高さを確保しておくことなのでしょうか？
はい、仰る通りでございます。入力文字削除後もボタン押下後も3行分の高さを確保したいと思っていますmm

[konakizzi_mk]

コメントありがとうございます！
念の為storyboardのスクショも添付しました！
ちなみにtextViewのフォントはSystem 14.0を設定しています。

[konakizzi_mk]

すみません。。。高さの初期値80は間違っていて3行分だけのテキストを設定してみたところ、contentHeightとresizedHeightが66.5となっていたのでcurrentTextViewHeightの初期値を66.5に設定しました。
よって if 66.5 <= contentHeight && contentHeight <= 100.0 { 処理の中身は変えず } で試したところ、やはりボタン押下後に1行分の高さになってしまいました。。。
ちなみに参考にした記事の通りでstoryboardとソースコードを試したところ4行分入力しelseに入ってきたところでボタン押下したところ高さが残ってしまいました。
スクロールが発生する高さになった場合、デフォルトの高さに戻すにはどうしたら良いでしょうか。。。？
(何度も質問をしてしまい申し訳ございません)

[konakizzi_mk]

ご丁寧にありがとうございます！段々と理解できてきましたmm
最後になるのですが、今のままだと、ボタン押下後に再度テキスト入力するとif elseの方に入って、入力した高さ(1行分)のtextViewHeightになりif trueの方に入るまで1行でスクロールし続けてしまいます。
ボタン押下後、デフォルトの高さを維持しながらtextViewDidChange(_:)メソッドを使用できたらと思うのですが、ご教示いただけないでしょうか？mm

[退会済みユーザー]

> 最後になるのですが、今のままだと、ボタン押下後に再度テキスト入力するとif elseの方に入って、入力した高さ(1行分)のtextViewHeightになりif trueの方に入るまで1行でスクロールし続けてしまいます。
>> 入力文字を削除しても1行分の高さにはならずに、デフォルトの高さ(3行分)までは削除されます。
これは、4行、3行、2行、1行のように削除していくときは高さは3行分確保されるけれども、
1行、2行、3行、4行のように入力していくと高さが1行分とか2行分になってしまう(3行分が確保されていない)ということでしょうか。

[konakizzi_mk]

詳細が不足しており申し訳ございません。
ビルド後すぐに1行、2行、3行、4行のように入力すると最大値まで高さが増加し、4行、3行、2行、1行のように削除していくとデフォルト(3行分)まで減少するのですが、ボタンタップで空にした後、デフォルトの高さになり(ここまではできました)、再度1行と入力するとif elseの方に入りデフォルト高さから1行分の高さになってしまいます。
よってボタンタップ後もビルド後のような正しい挙動をしてほしいと考えております。

[退会済みユーザー]

すみません、ちゃんと確認したいことを書けていませんでした・・
ボタンは関係なく、textViewDidChange(_:)メソッドだけの動きを確認したかったので、
ビルド後、1行、2行、3行、4行のように入力、
4行、3行、2行、1行のように削除、
それから再度、1行、2行、3行、4行のように入力、
4行、3行、2行、1行のように削除、
を繰り返した場合に、3行分の高さは必ず確保されていますでしょうか。

多分、1行分の高さになってしまうのではないかと思うのですが、
そうすると、textViewDidChange(_:)メソッドの処理があまり適切ではないように思うのですが、
(処理によって初期値とは異なる状態にしてしまっている？)
その場合、デバッグしながら何が違うのか調べる必要があると思います・・

[konakizzi_mk]

すみません、質問の意図を理解しました。
行の増加減少を繰り返した場合、現状4行まで増加、2行まで減少(必ず2行分の高さが確保される)となっていました。デフォルトを3行分にしているので減少がおかしそうですした・・・

[konakizzi_mk]

失礼しました、3行分の高さで固定されるようにサイズの調整しましたmm
デバックしてみたところ、ボタン押下前の処理では1、2、3行まではelseの方に入り、4行目からif trueの方に入りました。しかし、ボタン押下後のテキスト入力では1行目からif trueの方に入っていることがわかりました。
なぜボタン押下前と後でcontentHeightに違いが生じてしまうのかご教示いただけますと幸いです・・・

[退会済みユーザー]

> しかし、ボタン押下後のテキスト入力では1行目からif trueの方に入っていることがわかりました。
> なぜボタン押下前と後でcontentHeightに違いが生じてしまうのかご教示いただけますと幸いです・・・

self.testView.contentSize.heightが80(66.5?)〜100になっているのでしょうか。
textViewDidChangeの処理内容とtapButtonメソッドの初期化内容は基本的に同じように修正しないといけないのかなと思います。
ちょっと最新のソースがどうなっているのかちゃんと把握できていないかもしれなくて・・想像で書いてしまっています・・

[konakizzi_mk]

はい、仰る通りです。self.testView.contentSize.heightを80〜100で設定しております。初期値も80に戻し、tapButtonの高さも合わせ、3行分固定を実現しました。
しかし、ボタン押下後はボタン押下直前のcontentHeightの高さが残っているようでif trueに入ってしまいます・・・

[konakizzi_mk]

コメントありがとうございます！実現したい挙動にはなりました！
親身に対応くださり誠にありがとうございましたmm