[iOS] Core Animation 이란? (1)

안녕하세요🐶

이번 시간에는 Core Animation 에 대해서 간단하게 살펴보겠습니다.

 

이 프레임워크는 CALayer 를 공부하는 도중 배경지식이 필요하다고 생각하여 관련 문서를 정리하면서 공부하였습니다.

 

그런데 문서 양이 많아서 다 다루지는 않고, 개요와 Basic 부분까지 정리해보았습니다.

 

뒤의 부분은 더 이상 사용하지 않는 기술들도 있고, 핵심 개념은 아니여서 다음으로 정리를 미룰게요 ^^

 

그럼 시작해볼게요!!

---

 

Core Animation 에 대하여

 

원래는 Metal 과 Core Graphics 를 통해 Graphics Harware 에 직접 접근하여 제어할 수 있습니다.

 

여기서 Metal 은 OpenGL 을 대체하여 애플이 직접 만든 그래픽 제어 인터페이스입니다.

 

 

 

Core Animation 은 바로 위쪽 레이어에 위치하여 좀 더 High-level API 를 제공합니다.

 

Core Animation 은 iOS 와 OS X 에서 사용할 수 있는 그래픽 렌더링 과 애니메이션 기반 기술입니다.

 

이것을 이용해서 앱 내의 View 와 시각적 요소들을 animate 하는데 사용할 수 있습니다.

 

Core Animation 을 사용한다면, 애니메이션의 각각의 프레임을 그리는데 필요한 대부분의 작업을 알아서 해줍니다.

 

우리가 해야할 것은 몇 안되는 animation 파라미터를 설정하고, (예를 들어 시작 지점과 종료 지점)

Core Animation 에게 시작하라고 알려주는 것입니다.

 

나머지는 Core Animation 이 알아서 해줍니다.

 

대부분의 실제 그리기 작업을 렌더링 가속을 위해 메인보드에 부착되어 있는 그래픽 하드웨어에 전달합니다.

 

이 자동화된 그래픽 가속은 CPU 에 무리를 주거나 앱의 속도를 저하시키지 않고, 높은 프레임 속도와 부드러운 애니메이션을 가능하게 합니다.

 

위의 그래프와 같이, Core Animation 은 UIKit 밑에서 위치하면서 Cocoa Touch 의 View 처리 과정과 강력하게 결합되어 있습니다.

---

 

한 눈에 살펴보는 Core Animation

 

1. Core Animation 은 앱의 콘텐츠를 관리한다

 

Core Animation 은 그것 자체가 무언가를 그리는 시스템이 아닙니다.

= 그리는 것은 하드웨어임.

 

하드웨어가 앱의 콘텐츠를 조합하고 수정할수 있게 해주는 기반 기술입니다.

 

이 기반 기술(infrastructure) 에서 가장 중요한 오브젝트는 '레이어' 입니다.

 

 

우리는 레이어를 사용해서 콘텐츠를 수정하고 관리합니다.

 

레이어는 콘텐츠를 비트맵으로 캡처합니다.

:: 비트맵에 대해 정리한 블로그 글

 

이 방식은 그래픽 장치를 사용하여 콘텐츠를 쉽게 조작할 수 있게 해줍니다.

 

대부분의 앱에서 레이어는 뷰의 콘텐츠를 관리하기 위해 사용됩니다.

 

물론 필요에 따라 레이어 오브젝트를 따로 직접 생성할 수도 있습니다.

---

 

2. 레이어를 수정하면 애니메이션을 일으킨다

Core Animation 을 사용해서 생성한 대부분의 애니메이션은 레이어의 속성 변경과 관련이 있습니다.

 

뷰와 마찬가지로 레이어 오브젝트도 bounds 를 가진 사각형, 화면 상에서의 위치값, 투명도, transfrom 속성 뿐만 아니라 다양한 시각적 효과과 관련된 속성을 가지고 있습니다. 그리고 이 속성들은 수정이 가능합니다.

 

"Animatable" 이 붙은 속성은 값 변경시 Animation이 트리거 됩니다.

 

이런 속성들 중 대부분은, 그 속성 값을 변경하는 것만으로도 암시적으로(implicitly) 애니메이션을 생성하는 것입니다.

 

이 애니메이션은 레이어의 속성 값이 변경 전 값에서 변경 후 값으로 변경되면서 동작하는 것입니다.

 

애니메이션 동작을 더 세밀하게 조정하고 싶다면 명시적으로 이 속성들을 변경할 수 있습니다.

---

 

3. 레이어는 계층적으로 관리된다

레이어들 사이에서는 부모-자식 관계가 형성되며 계층적으로 정렬됩니다.

 

이 레이어들의 정렬은 레이어의 시각적인 콘텐츠에 뷰와 같은 방식으로 영향을 줍니다.

= 예를 들어 상위 계층의 레이어는 하위 계층 레이어보다 밑에 표시되는 방식으로 뷰와 유사함

 

뷰에 붙어있는 레이어들의 계층구조는 그 뷰들의 계층구조와 동일합니다.

 

이 레이어 계층에는 뷰와 관계 없이 직접 레이어를 추가할 수 도 있습니다.

---

 

 

 

글이 너무 길어져서 2부작으로 만들겠습니당

>> 다음 글 : Core Animtion 이란? (2) <<

 

끝!!

---

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

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