UiViewをaddSubviewした際のautolayoutについて

Question

以下のような親UiViewControllerを準備

1. Header View
2. Body View

を配置して、それぞれにautolayoutを設定します

子のUiViewを２つ準備
A. 画面A
B. 画面B

1. にSegmentedControllをおいて切り替えタイミングで
2. をA. Bで切り替えたいのがですが、2に切り替えた際にautolayoutが効いてないような挙動になります

override func viewDidLoad() {
・・・
self.view1 = View1.instance()
self.view2 = View2.instance()
}

func change(sender: UISegmentedControl) {
if sender.selectedSegmentIndex == 0 {
view1.removeFromSuperview()
self.bodyView.addSubview(view2)
} else if sender.selectedSegmentIndex == 1 {
view2.removeFromSuperview()
self.bodyView.addSubview(view1)
}
}

そもそものやり方がちがうのでしょうか？ご回答いただけないでしょうか

Comments

[退会済みユーザー]

切り替える前の状態はどうなっていますか？
正常に表示されているのでしょうか？

[yoppy0066]

はい。画面A,Bともに最初にセットしたときは期待するレイアウトになるのですが、、、
サブビユーから削除またはサブビユーに追加するタイミングでconstraintが変わってしまうということはあるのでしょうか？

Answer 1

回答ありがとうございます。
質問の状況を自分の環境では確認できませんでした。
ただ、Viewを重ね合わせる処理を作っていると
一見レイアウトが崩れるような場面が割とありますが
消したり加えたりせずに、下記のように
優先順位を変えることで対応しています。

self.bodyView.bringSubviewToFront(view1)//前面
self.bodyView.sendSubviewToBack(view1)//背面

下のリストのように実際の座標とサイズを
確認してみてください。サイズは変わっていないと思います。

func change(sender: UISegmentedControl) {
//勝手にサイズが変わっているかのかを確認
println(String(format: "%@",NSStringFromCGRect(self.view2.frame)))
println(String(format: "%@",NSStringFromCGRect(self.view1.frame)))

  if sender.selectedSegmentIndex == 0 {
      view1.removeFromSuperview()
      self.bodyView.addSubview(view2)
  } else if sender.selectedSegmentIndex == 1 {
      view2.removeFromSuperview()
      self.bodyView.addSubview(view1)
  }
} 

Comments

[yoppy0066]

ご回答ありがとうございます。
ご指摘いただいた箇所のprintlnではサイズの変更はありませんでした

ただ、
println(bodyView.constraint())
の出力がaddSubviewする前と後で変わってしまうのでこれが原因かと思い、以下のような関数を作ってaddSubviewの直前でconstraintを再設定してみたのですがやはり期待するレイアウトになりません、、、

// View切り替え前の制約を保持
func _saveConstraints() {
self.saveConstraints = []
for con: NSLayoutConstraint in self.bodyView.constraints() as Array {
self.saveConstraints.addObject(con)
}
}

// View切り替え後の制約をセット
func _setConstraints() {
for var i=0; i<self.saveConstraints.count; i++ {
self.bodyView.addConstraint(self.saveConstraints[i] as NSLayoutConstraint)
}
}

[退会済みユーザー]

質問の親UiViewControllerを準備し、
子のUIViewを用意するのは
こんなイメージだと解釈していました。

class ViewController: UIViewController{

var bodyView = bodyViewController()
var headView = headViewController()

override func viewDidLoad() {
super.viewDidLoad()
self.view.addSubview(headView)
self.view.addSubview(bodyView)
}
}

class bodyViewController: UIViewController{
override func viewDidLoad() {
self.view1 = View1.instance()
self.view2 = View2.instance()
}

func change(sender: UISegmentedControl) {
if sender.selectedSegmentIndex == 0 {
view1.removeFromSuperview()
self.view.addSubview(view2)
} else if sender.selectedSegmentIndex == 1 {
view2.removeFromSuperview()
self.view.addSubview(view1)
}
}
}

しかし、質問やコメントの文中に
self.bodyView～
という記載があるので、ViewController内で
bodyViewとその子Viewであるview1,view2を
扱う構成だと気が付きました。

bodyView内で子Viewを切り替えるということは
前提として子ViewはbodyView内一杯に表示されていなければ
ならないはずです。autolayoutの影響でサイズが変動しているのは
bodyViewで、子Viewはサイズの変動が無くともbodyViewの中ではみ出しているので
レイアウトが崩れて見えているものだと思われます。
また、子Viewもautolayout設定していると、サイズがbodyViewのサイズ準拠ではなく
bodyViewの親(self.view)の影響を受けている可能性もあります。

まず、子Viewの事はいったん忘れて
bodyView、headViewそれぞれautolayoutを設定して
正しく表示されることを確認した後
bodyViewController内で、子Viewの切り替えや
レイアウト等を制御すべきです。
そうすれば少なくともbodyViewから子Viewがはみ出ることは
ありません。