이 페이지에서 다룰 내용

이번에 커스텀 그래프를 구현하게 되면서, 원형 차트와 막대 차트 두 종류를 만들게 되었는데 이 과정을 정리해보려고 합니다.

사실 이름이 진입 장벽이 높아서 그렇지 구현 자체는 그렇게 어렵지 않았는데요,,!

차트를 그려서 화면에 표시하는 것부터 애니메이션 추가까지! 깔쌈하게 정리해보겠습니다😎

글이 길어질 경우 애니메이션은 별도 페이지로 파낼 수도..

도형 그리기

모든 것은 UIBezierPath로부터 시작된다.

도형을 그리기 위해서는 선을 긋는 것에서부터 시작하듯, UIBezierPath로 도형을 그릴 수 있습니다.

여기서 UIBezierPath에 대한 설명을 잠깐 보면,

<aside> 〰️ A path that consists of straight and curved line segments that you can render in your custom views.

</aside>

직선 및 곡선으로 구성된 path고 커스텀뷰에서 렌더링할 수 있다고 되어 있습니다.

커스텀 뷰라면 UIView를 상속 받은 뷰겠지 ㅇㅋ 그래서 도형은 어떻게 그린다는건데??

그 과정은 이 곳을 참고하면 됩니다.

Drawing Shapes Using Bézier Paths

과정만 간단히 보겠습니다!