Swift3:オートレイアウトを設定したUIVewの高さを変更後、他のViewが制約通りに動かない:Xcode8

Question

オートレイアウトを
(青いビュー[上:0,左:0,右:0,高さ:100])
(赤いビュー[上:5,左:0,右:0,高さ:50])に設定しました。

コードで高さを変えようと下記を記述しました。

override func viewDidLayoutSubviews() {
        blueView.frame.size.height = 500
    }

すると下のように赤いビューとのオートレイアウトの関係を無視するかのように、二つのビューが重なり合ってしまいました。

どうすれば高さを変更しても青いビューの下に赤いビューが配置されるようにできるのでしょうか？

宜しくお願い致します。

Answer 1

補足です。制約も部品と同じようにアウトレット接続できます。

// 高さ制約のインスタンス
@IBOutlet weak var blueViewHeightConatraint: NSLayoutConstraint!

// 高さ制約の変更
blueViewHeightConatraint.constant = 500

Comments

[ra-men]

ご回答ありがとうございます。
こちらも使わせていただきました。
+1させていただきます。

Answer 2

AutoLayoutはviewDidLayoutSubViewsでのframeなどの設定を一定法則で自動化してくれる機能です。
ですのでviewDidLayoutSubViewsをオーバーライドするとAutoLayoutの処理を奪ってしまうので正しく動作しません。

動的に高さを変更するにはビューのframeではなく制約(NSLayoutConstraint)の値を変更します。
viewなどと同じように制約をコードに関連付けてconstantをいじればいいです。

先の理由からconstantを動的に変える場合はボタンが押された等のイベント処理内で行いviewDidLayoutSubViewsはオーバーライドしないほうがいいです。

Comments

[ra-men]

ありがとうございます。
おかげさまで思い通りの実装ができました。

[fuzzball]

viewDidLayoutSubviews()はレイアウト後に呼ばれるので、オーバーライドしても関係ないと思います。（super.viewWillLayoutSubviews()を呼び出してないのはアレですが）

例えば下記のコードでも（一応は）正しくレイアウトされます。
@IBOutlet weak var height: NSLayoutConstraint!
override func viewDidLayoutSubviews() {
height.constant = 500
}

[ra-men]

補足ありがとうございます。

[toki_td]

> fuzzballさん
おっと、確かにそうですね、ありがとうございます。
viewDid～でconstraint変更すると多分すぐに再レイアウトされるんでしょうね。