[iOS] CALayer 란?

안녕하세요🐶

이번 시간에는 CALayer 에 대해서 공부해보겠습니다.

 

이 클래스는 피그마에서 생성한 이미지를 코드로 변환할 때 처음 보았는데요,,

어떻게 사용되는 클래스인지 궁금해서 공부하게 되었습니다.

 

지금 시점에 보면 왜 추가되었는지 모르겠는 코드다

 

또한 UIVIew 는 기본적으로 layer 속성으로 불리는 root layer 를 가지고 있습니다.

 

iOS 에서 모든 뷰는 layer-backed View 이기 때문입니다.

간단하게 layer 를 사용하는(혹은 레이어의 지원을 받는) View라고 이해하시면 될 것 같습니다.

 

 

그럼 시작해볼게요🔥

 

---

 

그.런.데.

공식 문서에 나와있는 CALayer 는 읽으면 무슨 내용인지 잘 이해가 가지 않습니다. (어느 정도의 배경지식이 필요)

 

그래서 Core Animation Documentaion Archive 의 내용을 간략히 정리한 글을 작성하였으니, 이 글을 참고해주세요!

 

>> Core Animation 이란? <<

 

 

선요약

0. CA 는 Core Animation 을 가리킨다.

1. 스스로 그리는 역할을 하는 클래스가 아니다. 대신 콘텐츠에 대한 속성을 가지고 있다.

2. 이 접근가능한 속성을 변경할 때, 그래픽 하드웨어에 관련 정보를 전달하면서 애니메이션이 시작된다.

3. 레이어는 트리 계층 형태를 구성한다. 3가지 종류의 트리 집합이 존재한다. (Model, Presentation, Render)

3. UIView 가 생성될 때, 레이어 오브젝트도 하나 생성되어 UIView 의 main root layer 가 된다.

4. 레이어는 콘텐츠를 비트맵 형태로 캐싱한다.

---

 

 

이미지 기반 콘텐츠를 관리하고, 그 콘텐츠의 애니메이션을 수행하게 해주는 오브젝트

 

레이어의 주요한 역할은 시각 콘텐츠를 관리하는 것이지만, 접근 가능한 시각적 속성도 가지고 있습니다.

(e.g background color, border, shadow...)

 

시각 콘텐츠를 관리하는 것 뿐만 아니라, 그 콘텐츠의 기하학적 수치 정보를 유지하는 역할도 합니다.

 

이 수치는 콘텐츠를 화면에 표시하는데 사용하는데, postion, size, transform 과 같은 값들이 그 예시 입니다.

 

레이어의 속성 값을 변경하는 것을 통해 애니메이션을 시작시킵니다

 

그런데 직접 변경해보시면 알겠지만, 우리가 보통 생각하는 스르륵~ 움직이는 애니메이션이 아니라 그냥 띡- 하고 바뀝니다.

 

Animate 라는 단어 자체는 그냥 살아있는 것처럼 만든다는 의미인데, 움직이기는 했으니깐 Animation 이라고 말하는 것으로 이해했습니다...

 

자주 애용하는 캠브릿지 영영사전

 

레이어 오브젝트는 지속시간, 레이어와 애니메이션의 속도 등을 CAMediaTiming 프로토콜을 채택하여 캡슐화 하고 있습니다. 이 프로토콜은 레이어가 가질 수 있는 위와 같은 시간적인 정보들을 정의하고 있습니다.

 

만약 레이어 오브젝트가 뷰에 의해 생성되었다면, 뷰는 자동적으로 레이어의 delegate 으로 자기 자신을 설정하고, 우리는 이 관계를 변경하면 안됩니다.

 

우리가 따로 직접 생성한 레이어라면, delegate 을 임의로 설정할 수 있고, 그 오브젝트를 통해 콘텐츠를 제공하고 동적으로 어떤 작업들을 수행시킬수 있습니다.

 

하나의 레이어는 레이아웃 매니저 오브젝트를 가지고 있습니다. 이 매니저를 통해 서브 뷰의 레이아웃들을 독립적으로 관리할 수 있습니다.

 

 

💡위의 개념들을 이해하셨다면,  직접 속성들을 변경해보고 레이어의 하위 레이어를 추가해보면서

느낌을 이해하시면 좋을 것 같습니다.

 

💡CALayer 는 커스텀 뷰를 만들 때 사용합니다.

 

끝!

---

 

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

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