[GDI] Part 2. 작도함수 #1

점, 선, 사각형, 원형, 다각형 등을 화면에 그리는 함수를 '작도함수'라고 정의합니다.

이번 글에서는 선, 사각형, 원형, 색상을 입혀 그리는 방법을 소개하겠습니다.

※ 구체적인 함수의 정의와 오버로딩 함수를 확인하려면 MSDN을 읽어 보시길 권해드립니다.

선 그리기

선을 구성하는 요소는 두 점입니다. 두 점이 이어져 하나의 직선을 만들기 때문이죠. 

윈도우에서는 현재의 좌표부터 목적지의 좌표를 입력하여 직선을 그릴 수 있습니다.

함수는 다음과 같습니다.

//현재의 위치를 이동시키기.
CPoint MoveTo(int x, int y);

//현재위치에서 특정위치 까지 선을 긋기.
BOOL LineTo(int x, int y);

예제는 다음과 같습니다.

// Picture control 으로부터 DC 얻기.
CClientDC dc(GetDlgItem(IDC_PC_VIEW));

// 현재 위치를 (100, 100)으로 이동하기.
dc.MoveTo(100, 100);

// 직선을 현재 위치인 (100, 100) 부터 (200, 200) 까지 그리기.
dc.LineTo(200, 200);

사각형 그리기

사각형을 구성하는 요소는 4개의 점입니다.

하지만 제공하는 함수에는 굳이 4개의 좌표를 입력하는 것이 아니라 좌상단, 우하단의 좌표만 필요합니다.

그리고 제공되는 함수로는 다음과 같습니다.

//a) 직사각형 그리기.
BOOL Rectangle(int x1, int y1, int x2, int y2);
//b) 둥근 모서리 직사각형 그리기.
BOOL RoundRect(int x1, int y1, int x2, int y2, int x3, int y3);
//c) CBrush를 이용해 면이 브러시로 칠해진 직사각형 그리기.
void FillRect(LPCRECT lpRect, CBrush* pBrush);
//d) 단색으로 채워진 사각형 그리기.
void FillSolidRect(int x, int y, int cx, int cy, COLORREF clr);

아래 외에도 제공되는게 더 있지만 간단히 아래 함수만 소개하겠습니다.

예제는 다음과 같습니다.

// Picture control 으로부터 DC 얻기.
CClientDC dc(GetDlgItem(IDC_PC_VIEW));

// (100,100) 부터 (200,200) 까지의 직사각형 그리기.
dc.Rectangle(100, 100, 200, 200);

// (100,100) 부터 (200,200) 까지의 크기를 갖고, 타원의 너비와 높이가 10인 둥근 사각형 그리기.
dc.RoundRect(100, 100, 200, 200, 10, 10);

// (100,100) 부터 (200,200) 까지의 크기를 갖고, Red 색상으로 채워진 직사각형 그리기.
dc.FillSolidRect(100, 100, 100, 100, RGB(255, 0, 0));

원형 그리기

원을 그리는 함수는 직사각형과 동일하게 좌상단, 우하단 좌표가 필요합니다.

BOOL Ellipse(int x1, int y1, int x2, int y2);

예제는 다음과 같습니다.

// Picture control 으로부터 DC 얻기.
CClientDC dc(GetDlgItem(IDC_PC_VIEW));

// (100,100) 부터 (200,200) 까지의 원형 그리기.
dc.Ellipse(100, 100, 200, 200);

지금까지의 그리기 작업은 기본값인 검은색 선과 흰색으로 채워진 도형이었습니다.

이어서 다음 포스팅에 색상을 입혀 그리는 방법을 소개하겠습니다.