Core Graphics

코어 그래픽스 (Core Graphics)

• 아이폰과 아이패드에서 2차원 그래킥을 그릴 수 있도록 제공하는 그래픽 라이브러리
• 애플이 제공하는 '쿼츠 (Quarts)'라는 그래픽 라이브러리 안에 포함

 

1. 레이아웃 구성

그림을 표현할 image View와, 어떤 그림을 그릴지 선택하는 버튼 4개를 추가한다.

 

2. 아웃렛 변수, 액션 함수 추가

image View에 대한 아웃렛 변수와, 버튼 4개에 대한 액션함수를 추가한다.

 

3. 그림 그리기 기능 구현

선을 그리는 기능을 구현한다.

그림을 그리기위한 콘텍스트를 생성한 후, 생성된 콘텍스트 정보를 획득한다.

선을 그리기 위해 굵기와 색상을 선택한다.

커서를 (70, 50)으로 이동 후, 커서 부터 (270, 250)까지 선을 생성한다. 생성한 선을 콘텍스트에 그려준다.

이미지 뷰에 현재 콘텍스트에 그려진 이미지를 할당한 후, 그리기를 종료한다. 

 

사각형과 원 그리기는 선 그리기와 대부분 동일하다.

사각형을 그릴때는, addRect 함수를 사용해 위치와 가로 세로 값을 지정한다.

원을 그릴때는, addEllipse 함수를 사용해 위치와 가로 세로 값을 지정한다.

호 그리기는 커서를 이동 후, addArc 함수를 사용해 2개의 접점의 위치와 반지름을 설정한다.

이후 addLine 함수를 사용해 선을 그려준다.

 

도형에 색을 채우기 위해서는 setFillColor 함수를 사용해 도형을 채울 색을 설정한 후, fill 함수를 사용해 도형에 색을 채운다.

 

4. 시뮬레이터 확인