#ark graph

iOS CAShapeLayer 애니메이션 – iOS CAShapeLayer Animation with Auto Layout

CAShapeLayer

오늘은 CAShapeLayer 클래스를 이용하여 애니메이션 효과를 구현해 보겠습니다. CAShapeLayer 클래스를 활용하면 지난 시간 배웠던 마스크(Mask) 효과 이외에도 커스텀 드로잉 (예를 들어 주가 그래프 그리기, 아크(Ark) 그래프 그리기) 효과를 구현하거나, CA(Core Animation)가 의미하듯이 애니메이션 효과도 쉽게 구현할 수 있습니다.

완성된 앱의 이미지는 아래와 같습니다.

먼저 아래 링크에서 프로젝트 파일을 받아주세요

Download

프로젝트 파일엔 오토 레이아웃이 적용된 뷰와 버튼 등 기본적인 UI가 적용되어 있습니다. 시뮬레이터로 실행 해 볼까요?

커스텀 뷰 (Custom View)

먼저 XCode를 열고 File > New > File > iOS…