UITextViewの１行に入る最大の文字数をして、越えたら改行を入れるようにしたい

Question

前提・実現したいこと

tiktokのtextViewのような文字だけを縁取るtextViewを作りたくてこの記事を参考にTextViewを作ってみました
このコードで左右にオートレイアウトをつけると、縁取る形にならないのでX軸のみにオートレイアウトをつけています
現段階だと自分で改行しないと画面から切れていってしまうので、１行に入る最大の文字数を指定して、textViewDelegateで改行を入れたいと考えています。
アドバイスお願いします。

該当のソースコード

class UIViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let instagramTextView = InstagramTextView()
        instagramTextView.font = .systemFont(ofSize: 30, weight: .heavy)
        instagramTextView.backgroundColor = .clear
        instagramTextView.textAlignment = .center
        instagramTextView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(instagramTextView)
        instagramTextView.topAnchor.constraint(equalTo: view.topAnchor, constant: 60).isActive = true
        instagramTextView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 24).isActive = true
        instagramTextView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -24).isActive = true
        
    }
}

改行を自分で入れずにテキストを打ち続けた場合このように全体に背景色が広がります

改行を入れた場合はうまく縁取るように機能しました

Comments

[TsukubaDepot]

ためしに参考記事の通りコードをコピーし、上下左右に AutoLayout をつけた状態でテキストを打ち込んでみましたが、きちんと InstagramTextView 内部で改行されるようですし、縁取りも想定通り行われているようです。

おそらく、どこか勘違いされている部分があるような気がするのですが、AutoLayout や InstagramTextView の設定はどのようにされていますでしょうか。

[downtowntown]

コードと写真の追加をしました。
確認していただけると幸いです。

[TsukubaDepot]

あくまで感想ですぐに実装に繋がる内容ではないのですが、UITextView だと複数にまたがる記述（UITextView で自動的に複数行に分割された行）については、ひとつの大きな矩形として扱われているようです。

オリジナルコードの
// 1. 各行の CGRect(rects) を取得
を追っていっていただければ、なんとなく雰囲気は掴めるのではないでしょうか。

ひとつは、set() の中で前もって複数行にまたがる内容を、物理的な複数ととして処理する方法があるのかもしれませんが、その場合、前の行の幅が短くなった場合に強制的に入れた改行をどのように処理すべきか考慮いする必要がありそうです。

ざっと調べた感じだと、同じような実装をされている例はあまりないのですが、丁寧におっていくと良い解決方法が見つかるかもしれません。

[downtowntown]

ありがとうございます。
一つ一つ詳しくおっていきます。

Answer 1

UITextViewDelegateで入力を監視して改行を入れることはできますが、ユーザビリティをイメージしてみるとあまり良い方法とは思えません。

このコードで左右にオートレイアウトをつけると、縁取る形にならないので

実現したいことがぼんやりとしかわかりませんが、オートレイアウトで実現可能だと思います。
画面からはみ出ないように Layout Constraintを適切に設定することを検討してみては？

Comments

[downtowntown]

入力監視はあまり良くないのですね。
コードと写真を追記したので、再度アドバイスをいただけると嬉しいです。

[errolizer]

コードを動かしてみました。
なるほどですね・・・良いアイデアは浮かびません。

個人的には、ユーザの意思を反映している仕様なので今のままで十分良いと考えます。
入力監視して勝手に改行入れるのも悪くはないですが、その後ユーザが文字数を調節したら改行位置はどうするか？
文字数はどうやって決めるのか？
などなど問題が山積です。
またユーザ的にも「なんで勝手に改行するんだ！」って人も出てくるでしょうね笑

[downtowntown]

もう少し考えてみます。
ありがとうございます！