UIScrollViewがオートレイアウトでスクロールしなくなる現象についてです。

Question

UIScrollViewの上にviewを追加して、そのviewにオートレイアウトで制約をつけるとそのサブビュー自体表示されず、かつScrollViewもスクロールしない状態になってしまいます。。。以下の様にオートレイアウトにはTinyConstraintsを使っています。

import UIKit
import TinyConstraints

final class Hoge: UIViewController {
    
    let textEditer = UITextView()
    let scrview = UIScrollView()
override func viewDidLoad() {
        super.viewDidLoad()
   
        self.view.addSubview(scrview)
              
        self.scrview.addSubview(textEditer)
          
    }
override func viewDidLayoutSubviews(){
        super.viewDidLayoutSubviews()
  
        scrview.scrollIndicatorInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
        scrview.contentSize = CGSize(width: 300, height: 1400)
        scrview.edgesToSuperview()
        
        
//        textEditer.frame = CGRect(x: 0, y: self.scrview.frame.height - 500, width: self.view.frame.width, height: 500) <ーこっちは動く
//⬇︎これだとスクロールしなくなる。
//        textEditer.leftToSuperview()
//        textEditer.rightToSuperview()
//        textEditer.topToSuperview(offset:300)
//        textEditer.height(300)

    }
}

上のコードのコメントアウトを外すとスクロールしなくなります。これは何が原因でしょうか？因みにtextEditer.frame で指定すると普通にスクロールできてtextEditerも表示されます。

追記です。
scrview.edgesToSuperview()でスクロールビューの制約をつけて、UITextViewの方はframe=で設定した場合はスクロールはするけどUITextViewが表示されません。両方制約をつけないでframe=で行うとスクロールもできてUITextViewも表示されます。

Answer 1

bottomの制約が無いからではないでしょうか？
contentSize.heightを1400にしたいのであれば、

textEditer.bottomToSuperview(offset:800) //1400 - 300 - 300

のような感じでどうでしょうか？
（TinyConstraintsは使ったことがないので、おかしいところは修正して下さい）

また、TextViewの幅の制約がないので追加して下さい。【追記】

なお、contentSizeはAutolayoutで自動的に設定されるはずなので、自分で書く必要はないと思います。

Comments

[Hayato1201]

回答ありがとうございます。
contentSizeを書く必要が無いとの事ですが、以下の
scrview.contentSize = CGSize(width: 300, height: 1400)
をコメントアウトするとその時点でスクロールしなくなります。。。またやはりbottomの制約をつけてもスクロールしませんでした。またtextEditerも表示されません、、、

[fuzzball]

あぁ、よく見たらscrollViewのサイズが設定されてないですね。storyboardで設定してるのかとは思ってました。

[Hayato1201]

返信ありがとうございます。
scrview.edgesToSuperview()でエッジを親ビューに合わているためscrollViewのサイズの設定は必要のないのかと思ったのですがどうなんでしょうか？また実際scrviewのサイズはscrview.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height)で指定しても.edgesToSuperview()を使っても同じ様なものだと思うのですが、とにかくサブビューで制約を追加するとスクロールしなくなってそのサブビューも表示されません。。。

[fuzzball]

なるほど、edgesToSuperview()は四辺を合わせてくれるんですね。

あとは、実際に付いている制約が、思っているように付いているかどうか確認する、とかでしょうか。

[fuzzball]

もう一つ、制約を付けるのはviewDidLoad()の方がいいと思うんですけど、そこでやっている理由はありますか？

[Hayato1201]

レイアウト関連はLayoutSubviewsで一括して行った方が見やすくなるという事や結局オートレイアウトが反映されるのはviewDidLayoutSubviewsの中だからそこで行って問題ないと思ったのでそうしたのですが、結局今の処理をviewDidLoad()で行っても同じ様に動きませんでした。
参考までにTinyConstraintsの使い方で参考にしているサイトです。。。
https://qiita.com/sakiyamaK/items/bf15a78de3f951a0e6e9

[fuzzball]

まぁ、実際に付いている制約を調べて書き出すか、storyboardを使って同様の症状を再現してもらわないと、TinyConstraintsを使っていない私にはこれ以上の対応は無理そうです。

あと、viewDidLayoutSubviewsはレイアウトが終わったときに呼び出されます。何度も呼ばれる可能性があるのはご存知でしょうか？

[fuzzball]

TextViewの幅の制約を追加して下さい。（回答にも追記しました）

[Hayato1201]

回答ありがとうございました。
結局うまくいかなかったので画面サイズを基準に割合でサイズを指定してレイアウトを作りました。

[fuzzball]

幅の制約を追加してもうまくいかなかったのでしょうか？
それとも、その前に別のやり方で実装したということでしょうか？

[Hayato1201]

幅の制約の前にもう画面サイズからの割合で指定する方で作ってしまっていました。

[Hayato1201]

ただ幅の制約は
textEditer.leftToSuperview()
textEditer.rightToSuperview()
でそれぞれ親ビューのエッジに合わせられていたのだと思っていました。

[fuzzball]

それに加えて、
TextView.center = superview.center
もしくは
TextView.width = superview.width
の制約が必要です。

ScrollViewの制約は特殊なので、理解出来ていないのであれば、Storyaboardで作ってコードに落とし込むなどした方がいいと思いますよ。