(iOS) - UIKit의 Frame, Bounds 의 차이점

공통점

Bounds, Frame 모두 View의 위치와 크기를 나타내는 UIView의 instance property인 CGRect 타입이라는 점이 공통점이다.

var frame: CGRect {get set}
var bounds: CGRect {get set}

// Frame property 접근
view.frame.origin.x
view.frame.origin.y
view.frame.size.width
view.frame.size.height

view.bounds.origin.x
view.bounds.origin.y
view.bounds.size.width
view.bounds.size.height

 

 

Frame (Instance Property)

(분류: UIKit > Views and Controls > UIView)

• 프레임은 SuperView's coordinate system 안에서 View의 사이즈 및 위치를 나타낸다. (superView는 바로 한단계 상위 뷰를 의미한다.)
• frame의 size는 단순히 UIView와 동일한 위치, 크기가 아니라 View가 회전되었을때도 감쌀 수 있는 사각형의 크기를 의미한다. (즉 View를 회전시키면 크기가 변할 수 있다)
• Bounds의 좌표를 옮기면 subView가 움직이는것 처럼 보이는데, 이 것은 subview를 그리는 좌표계의 기준이 달라졌기 때문이다.

 

Bounds (Instance Property)

분류: UIKit > Views and Controls > UIView

• Bounds는in its own coordinate system 자기 자신의 좌표계를 기준으로 위치와 사이즈를 표현하는 property이다.

• SuperView.bounds 좌표를 수정하면, subView가 움직인다.
• Bounds의 size는 단순히 뷰 자체의 크기를 의미한다. (뷰를 회전해도 size는 변하지 않는다.)

 

 

요약

• Frame은 상위 뷰의 좌표체계를 따른다.
  • 따라서 일반적으로 UIView의 위치, 크기 설정하는 경우에 사용한다.
• Bounds는 자기 자신만의 좌표체계를 가진다.
  • 내부의 하위뷰들을 변경하는 경우에 사용한다.
  • 내부에 그림을 그리는 경우에 사용한다(drawRect)

즉, SuperView.bounds의 origin값을 변경하면 SuperView 자기 자신의 좌표계가 변경된다.

-> Subview는 상위 뷰인 SuperView의 좌표체계의 영향을 받는다.

-> SubView의 위치가 바뀐다.

즉 상위뷰(blue) bounds.origin 을 (x+100,y+100)로 수정했더니....

하위뷰의(red)가 각각 (x-100, y-100)만큼 이동한것처럼 렌더링된다.