swift のviewの階層について

Question

class ViewController: UIViewController {

var view1:UIView!
var view2:UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    
   let view1Width = self.view.bounds.width / 2
   let view1Hight = self.view.bounds.height / 2
   let view1X = self.view.bounds.width / 2
   let view1Y = self.view.bounds.height / 2

   view1 = UIView(frame: CGRect(x: view1X, y: view1Y, width: view1Width, height: view1Hight))
   view1.backgroundColor = .red
   self.view.addSubview(view1)


   let view2Width = view1Width / 2
   let view2Height = view1Hight / 2
   let view2X = self.view.bounds.width / 4
   let view2Y = self.view.bounds.height / 4
   view2 = UIView(frame: CGRect(x:view2X , y: view2Y, width: view2Width, height: view2Height))
   view2.backgroundColor = .blue
   self.view1.addSubview(view2)

   }

}

class ViewController: UIViewController {

var view3:UIView!
var view4:UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    
  
    let view3Width = self.view.bounds.width / 2
    let view3Hight = self.view.bounds.height / 2
    let view3X = self.view.bounds.width / 2
    let view3Y = self.view.bounds.height / 2
    view3 = UIView(frame: CGRect(x: view3X, y: view3Y, width: view3Width, height: view3Hight))
    view3.backgroundColor = .red
    self.view.addSubview(view3)
    
    let view4Width = view3Width / 2
    let view4Height = view3Hight / 2
    let view4X = self.view.bounds.width / 4 * 3
    let view4Y = self.view.bounds.height / 4 * 3
    view4 = UIView(frame: CGRect(x:view4X , y: view4Y, width: view4Width, height: view4Height))
    view4.backgroundColor = .blue
    self.view.addSubview(view4)

   }

}
両方のクラスはどっちも同じ場所にviewが配置されます。
最初のクラスのようにself.view1.addSubview(view2)でview1の上にview２をのっけるのと、二番目のクラスのようにself.view.addSubview(view4)viewの上に追加する場合と、配置の場所は同じになるけど、それ以外にどんな違いが出るのでしょうか？階層的なものに影響が出るのでしょうか？

Comments

[TsukubaDepot]

次回投稿される際は、ぜひコード部分をコードタグ <CODE> か ``` で囲うようにお願いします。
他の質問者さんと同じく可読性もあがり、回答率も高くなると思います。

Answer 1

一番わかりやすいのは、親ビューの影響を受けるか否かだとおもいます。

一つ目の例は

+ View (ViewController の View)
 +- View 1
  +- View 2

という構造で、二つ目の例は

+ View (ViewController の View)
 +- View 3
 +- View 4

となっています。

ここで、一つ目の例の view1 を

view1.isHidden = true

とすると、子ビューである view2 もその影響を受け消えてしまいます（その他、opacity なども同じです）。

一方、二つ目の例だと、view3 と view4 は独立した存在ですので、

view3.isHidden = true

とやっても、view4 は消えることはありません。

つまり、view2 は view1 の影響を受けるが、view4 は view3 の影響を受けない、ということになります。