[iOS] clipsToBounds 와 masksToBounds

안녕하세요🐶

이번 시간에는 clipsToBounds 와 masksToBounds 를 알아보려고 합니다.

---

 

UIView 와 CALayer

 

뷰 계층과 레이어 계층이 동일한 구조를 가지는 것을 볼 수 있다.

CALayer 란?

iOS 에서 모든 UIView 인스턴스는 기본적으로 하나의 CALayer 인스턴스를 가지고 있습니다.

CALayer 는 시각적인 역할을 담당하는 오브젝트입니다. ( 콘텐츠 캐싱, 애니메이션 성능 서포트 등)

뷰의 레이어 인스턴스는 layer 속성을 통해서 접근할 수 있습니다.

레이어는 시각적인 역할에 맞게 다양한 관련 속성을 제공하고, 커스텀할 수 있습니다.

예를 들어 뷰의 모서리, 그림자, 회전과 같은 애니메이션을 표현할 때 layer 의 하위 속성을 사용합니다.

 

 

 

clipsToBounds 는 UIView 의 하위 속성 중 하나입니다.

masksToBounds 은 CALayer 의 하위 속성 중 하나입니다.

문서의 설명을 보면 하나는 " 뷰의 Bounds 를 벗어난 서브 뷰를 클립한다 " 고 나와있고

하나는 " 레이어의 Bounds 를 벗어난 서브 레이어를 클립한다 " 고 나와있습니다.

설명해주는 단어는 다른 것 같은데, 위 두 속성 설정의 결과물은 어떨까요?

---

 

두 속성 설정의 결과물 : 같다

 

두 속성 중 하나라도 true 로 설정하면, view bounds 를 넘어간 시각적 콘텐츠는 잘려서 보이지 않게됩니다.

걱정하지마세요! 둘 중에 하나만 설정해도 100% 같은 결과가 나옵니다.

이유는 아래 내부동작에 👇🏻

 

 

---

 

내부 동작

 

두 속성은 항상 같은 값을 가집니다.

즉 view.clipsToBounds 값을 true 로 설정하면, view.layer.masksToBounds 값도 true 로 변경됩니다.

반대로 view.layer.masksToBounds 를 false 로 설정하면, view.clipsToBounds 값도 false로 변경됩니다.

 

캡처로 남겨 놓긴 하였지만, 직접 브레이크 포인트를 찍어서 확인해보셨으면 좋겠습니다.

---

 

layer 속성은 대체 불가할 때만 사용하자

 

UIView 의 속성으로 변경할수 없는 경우에만 layer 속성으로 변경하는 것이 옳습니다.

다음은 Core Animation 문서의 일부 입니다.

가급적  View 속성 대신 Layer 속성을 변경하는 것을 피하라고 추천하고 있으며,

그렇게 하지 않을 경우 의도하지 않는 결과가 나올수 있다고 말해줍니다.

 

 For layer-backed views, it is recommended that you manipulate the view, rather than its layer, whenever possible. In iOS, views are just a thin wrapper around layer objects, so any manipulations you make to the layer usually work just fine. But there are cases in both iOS and OS X where manipulating the layer instead of the view might not yield the desired results. Wherever possible, this document points out those pitfalls and tries to provide ways to help you work around them.

 

 

---

오늘도 나는 성장했다!!🔥

 

🤖🟢[우짱의 iOS 블로그]🔵💻

iOS를 공부하면서 배운 내용을 기록하고 있습니다.

 

[참고 링크]

https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/CoreAnimation_guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40004514-CH1-SW1

https://stackoverflow.com/questions/39466001/maskstobounds-vs-clipstobounds