|
 , Hit : 573 |
|
|
||||
|
|||||
|
|
|
- File #1 : Image1201.jpg(), Download : 85 |
오늘은 펜으로 그림 그리는 프로그램을 한번 만들어 보겠습니다.1. 새로운 프로젝트 Exam13을 만듭니다. 2. Hello World를 출력하는 부분을 삭제합니다. 어느 부분인지는 이제 아시죠? 이번에는 불필요한 코드는 모두 삭제해 보겠습니다. PDA 프로그래밍은 메모리를 최대한 아껴 효율적으로 사용해야만 합니다. 2.1 왼쪽 Class View 의 Exam13 Classes ▶ Globals ▶ WndProc(...를 선택하고 더블클릭하면 WndProc 함수가 나옵니다. 함수 내에서 아래 항목을 삭제합니다. 이 항목들이 Hello World를 출력하는 코드입니다. ▶TCHAR szHello[MAX_LOADSTRING]; ... case WM_PAINT: ▶ RECT rt; hdc = BeginPaint(hWnd, &ps); ▶ GetClientRect(hWnd, &rt); ▶ LoadString(g_hInst, IDS_HELLO, szHello, ▶ MAX_LOADSTRING); ▶ DrawText(hdc, szHello, _tcslen(szHello), &rt, ▶ DT_SINGLELINE | DT_VCENTER | DT_CENTER); EndPaint(hWnd, &ps); break; 2.2 다른 찌꺼기 코드도 삭제합니다. 왼쪽 아래 탭 중 가운데의 Resource View를 눌러서 Draw Resources ▶ String Table ▶ String Table[English(U.S.)]을 선택해서 더블클릭 합니다. 나타난 화면의 IDS_HELLO 항목을 선택해서 Del 키를 눌러 삭제합니다. 실행시켜 보면 Hello World를 출력하지 않습니다. 3. 전역 변수를 선언합니다. 다시 Class View 의 WndProc를 더블클릭해서 WndProc 함수로 들어 간 후, 프로그램의 제일 윗줄로 이동합니다. #include ... 가 보일 때까지 무조건 위로 위로 올라갑니다. 다 올라갔으면 약간 내려와 봅니다. 내려 오지 않아도 아래처럼 전역 변수 선언 영역을 찾으실 수 있습니다. 아래 ▶ 표시된 배열 g_aPoint를 추가합니다. // Global Variables: HINSTANCE g_hInst; HWND g_hwndCB; ▶ POINT g_aPoint[2]; 이 부분에 선언된 변수는 프로그램 전체에서 사용 가능하며, 프로그램이 종료되기 전에는 계속 값을 가지고 있습니다. 이에 비해 WndProc 함수 안에서 선언되는 변수는 지역 변수라고 하며 함수가 시작될 때 만들어 졌다가 함수가 끝날 때는 없어져 버리는 변수입니다. 그림 그리는 좌표는 펜이 움직이는 동안 계속 값을 가지고 있어야 되기 때문에 전역 변수로 처리해 주어야 합니다. 4. 다시 Class View 의 WndProc를 더블클릭해서 WndProc 함수로 가서 WM_PAINT 메시지의 break; 아래에 펜 메시지 처리 루틴을 추가합니다. 펜을 눌렀을 때와 펜을 움직였을 때입니다. case WM_PAINT: hdc = BeginPaint(hWnd, &ps); EndPaint(hWnd, &ps); break; ▶ case WM_LBUTTONDOWN: ▶ break; ▶ case WM_MOUSEMOVE: ▶ break; 5. 우선 펜을 눌렀을 때를 처리해 봅니다. WM_LBUTTONDOWN 메시지 처리 하는 곳에 아래와 같은 코드를 추가합니다. case WM_LBUTTONDOWN: ▶ g_aPoint[0].x = LOWORD( lParam ); ▶ g_aPoint[0].y = HIWORD( lParam ); ▶ hdc = GetDC( hWnd ); ▶ SetPixel( hdc, g_aPoint[0].x, g_aPoint[0].y, RGB(0,0,0) ); ▶ ReleaseDC( hWnd, hdc ); break; 펜이 눌리면 그 좌표를 배열에 넣고 그 지점에 우선 점을 하나 찍습니다. 펜이 움직이지 않더라도 점은 찍혀 있어야 하기 때문입니다. g_aPoint[0].x = LOWORD( lParam ); 가로 좌표를 얻습니다. (전회 강좌 참조) g_aPoint[0].y = HIWORD( lParam ); 세로 좌표를 얻습니다. hdc = GetDC( hWnd ); 그림을 그릴 DC를 윈도우로부터 얻습니다. SetPixel( hdc, g_aPoint[0].x, g_aPoint[0].y, RGB(0,0,0) ); 펜이 눌린 위치에 점을 찍습니다. SetPixel 함수는 지정된 색상으로 지정된 좌표의 DC 에 점을 찍어주는 함수입니다. ReleaseDC( hWnd, hdc ); DC를 윈도우에 돌려줍니다. 6. 다음은 펜을 움직일 때를 처리해 봅니다. WM_MOUSEMOVE 메시지를 처리하는 곳에 아래와 같은 코드를 추가합니다. case WM_MOUSEMOVE: ▶ g_aPoint[1].x = LOWORD( lParam ); ▶ g_aPoint[1].y = HIWORD( lParam ); ▶ hdc = GetDC( hWnd ); ▶ Polyline( hdc, g_aPoint, 2 ); ▶ g_aPoint[0] = g_aPoint[1]; ▶ ReleaseDC( hWnd, hdc ); break; 펜이 움직이면 이전 점이 찍힌 좌표부터 새로 움직인 위치까지 선을 그립니다. 그리고 선이 끝난 위치가 다음번에는 선이 시작되는 위치가 됩니다. g_aPoint[1].x = LOWORD( lParam ); g_aPoint[1].y = HIWORD( lParam ); 좌표를 얻습니다. 이동한 좌표값을 얻는 것인데 배열 1 번째에 새로운 좌표값을 넣습니다. 이 위치가 스타일러스 펜이 이동한 좌표이며 이전 위치에서 이 위치까지 선을 그어 주어야 합니다. 시작 좌표는 배열 g_aPoint[0] 이 가지고 있습니다. hdc = GetDC( hWnd ); DC를 얻습니다. Polyline( hdc, g_aPoint, 2 ); 이전 좌표에서 이동한 좌표로 선을 그립니다. g_aPoint[0] = g_aPoint[1]; 이동한 좌표가 다음번에는 시작 좌표가 되어야 합니다. 그래서 이동한 좌표를 시작 좌표로 넣습니다. ReleaseDC( hWnd, hdc ); DC를 돌려줍니다. 7. 프로그램을 실행시키면 PDA 화면에서 펜으로 그림을 그릴 수 있습니다. 근데 왜 마음이 안들게 동작할까... 다른 프로그램들은 어떻게 하길래... |
|
||||||||
|
||
|
||
| ||
|
||
|
||
|
||
| ||
|
||
|
||
|
||
| ||
|
|
|||||
|
|
