[winAPI 01] Handle, DC, Window Event & 사각형 그리기

 

 

 

VS - Windows desktop application → 빈프로젝트

 

 

 

- 기본 구조에 대한 설명

 기본적으로 프로그램이 진행됨에 따라 메세지를 발생하는데 메세지 큐로 이동되어 하나씩 처리된다.

1. 윈도우 생성: 윈도우를 생성 시 화면에 표시(윈도우의 속성(크기, 위치...등을 지정)
2. 메시지 루프: 윈도우가 생성 후 해당 윈도우에 대한 메시지 루프 시작 (사용자 입력이나 시스템 이벤트 등의 메시지를 대기하고 처리하는 역할)
3. 메시지 처리: 사용자의 입력(마우스, 키보드 등)이나 시스템 이벤트(윈도우 크기 변경, 최소화 등)는 메시지의 형태로 윈도우에 전달 (메시지 루프는 이 메시지를 큐에서 하나씩 꺼내어 적절한 처리 함수(윈도우 프로시저)로 전달)
4. 윈도우 프로시저:  메시지를 받아서 적절한 처리를 수행함

// 전역 변수:
HINSTANCE hInst;                                // 현재 인스턴스입니다.
WCHAR szTitle[MAX_LOADSTRING];                  // 제목 표시줄 텍스트입니다.
WCHAR szWindowClass[MAX_LOADSTRING];            // 기본 창 클래스 이름입니다.

ATOM                MyRegisterClass(HINSTANCE hInstance);
BOOL                InitInstance(HINSTANCE, int);
LRESULT CALLBACK    WndProc(HWND, UINT, WPARAM, LPARAM);
INT_PTR CALLBACK    About(HWND, UINT, WPARAM, LPARAM);

int APIENTRY wWinMain(_In_ HINSTANCE hInstance,
                     _In_opt_ HINSTANCE hPrevInstance,
                     _In_ LPWSTR    lpCmdLine,
                     _In_ int       nCmdShow)
{
    UNREFERENCED_PARAMETER(hPrevInstance);
    UNREFERENCED_PARAMETER(lpCmdLine);

    // 전역 문자열 초기화
    LoadStringW(hInstance, IDS_APP_TITLE, szTitle, MAX_LOADSTRING);
    LoadStringW(hInstance, IDC_WINDOWSPROJECT, szWindowClass, MAX_LOADSTRING);
   
    // 윈도우 정보 등록
    MyRegisterClass(hInstance);

    // 위의 정보 토대로 윈도우(창) 생성
    if (!InitInstance (hInstance, nCmdShow))
    {
        return FALSE;
    }

    // 단축키 테이블 정보 로딩
    HACCEL hAccelTable = LoadAccelerators(hInstance, MAKEINTRESOURCE(IDC_WINDOWSPROJECT));

    MSG msg;

    // GetMessage
    // 메세지 큐에서 메세지 확인 될 때까지 대기
    // msg.message == WM_QUIT 경우 false 반환 -> 프로그램 종료
    while (GetMessage(&msg, nullptr, 0, 0))
    {
        if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg))
        {
            TranslateMessage(&msg);
            DispatchMessage(&msg);
        }
    }

    return (int) msg.wParam;
}

// 창에 대한 정보
ATOM MyRegisterClass(HINSTANCE hInstance)
{
    WNDCLASSEXW wcex;

    wcex.cbSize = sizeof(WNDCLASSEX);

    wcex.style          = CS_HREDRAW | CS_VREDRAW;
    wcex.lpfnWndProc    = WndProc;
    wcex.cbClsExtra     = 0;
    wcex.cbWndExtra     = 0;
    wcex.hInstance      = hInstance;
    wcex.hIcon          = LoadIcon(hInstance, MAKEINTRESOURCE(IDI_WINDOWSPROJECT));
    wcex.hCursor        = LoadCursor(nullptr, IDC_ARROW);
    wcex.hbrBackground  = (HBRUSH)(COLOR_WINDOW+1);
    wcex.lpszMenuName   = MAKEINTRESOURCEW(IDC_WINDOWSPROJECT);
    wcex.lpszClassName  = szWindowClass;
    wcex.hIconSm        = LoadIcon(wcex.hInstance, MAKEINTRESOURCE(IDI_SMALL));

    return RegisterClassExW(&wcex);
}


BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)
{
   hInst = hInstance;

   // 윈도우 창 만들기(OS관할) -> 여러 함수와 ID줌 -> 우리는 이를 이용해 코딩하는 것
   HWND hWnd = CreateWindowW(szWindowClass, szTitle, WS_OVERLAPPEDWINDOW,
      CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, nullptr, nullptr, hInstance, nullptr);

   if (!hWnd)
   {
      return FALSE;
   }

   ShowWindow(hWnd, nCmdShow);
   UpdateWindow(hWnd);

   return TRUE;
}

// 주로 작업하는 부분 -> 프로시저
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) 
{
    switch (message)
    {
    case WM_COMMAND:
        {
            int wmId = LOWORD(wParam);
            switch (wmId)
            {
            case IDM_ABOUT:
                DialogBox(hInst, MAKEINTRESOURCE(IDD_ABOUTBOX), hWnd, About);
                break;
            case IDM_EXIT:
                DestroyWindow(hWnd);
                break;
            default:
                return DefWindowProc(hWnd, message, wParam, lParam);
            }
        }
        break;
    case WM_PAINT:
    {
            PAINTSTRUCT ps;
            EndPaint(hWnd, &ps);  
        }
        break;
    case WM_DESTROY:
        PostQuitMessage(0);
        break;
    default:
        return DefWindowProc(hWnd, message, wParam, lParam);
    }
    return 0;
}

INT_PTR CALLBACK About(HWND hDlg, UINT message, WPARAM wParam, LPARAM lParam)
{
    UNREFERENCED_PARAMETER(lParam);
    switch (message)
    {
    case WM_INITDIALOG:
        return (INT_PTR)TRUE;

    case WM_COMMAND:
        if (LOWORD(wParam) == IDOK || LOWORD(wParam) == IDCANCEL)
        {
            EndDialog(hDlg, LOWORD(wParam));
            return (INT_PTR)TRUE;
        }
        break;
    }
    return (INT_PTR)FALSE;
}

 

 

 

- 사각형 그리기 & WM_PAINT

 : 우리는 운영체제가 관리하는 오브젝트(커널 오브젝트)를 마음대로 쓸 수 없다

   → OS는 윈도우 아이디를 제공하고 우리는 이를 여러 객체를 만들어 쓴다

   (여기서 객체란 HPEN, HDC, HWND 등 다양한 도구들이라 보면 되겠다)

 

   사각형 하나를 그려보자. 위의 코드에서 WM_PAINT 부분만을 건들이면 된다.

   WM_PAINT → 윈도우에 그려야 할 상황에 발생하는 메세지

 

 * 여기서 그려야 할 상황이란? 무효화(invalidate) 영역이 발생한 경우로 정의

 * 무효화 : 화 면을 갱신해야 하거나 다시 그릴 때를 의미. 윈도우의 일부분이나 전체가 다시 그려져야 할 때 사용됨

 * 무효화 영역일 경우 : 다른 윈도우 창에 가려졌다가 다시 누를 때 겹쳐졌던 부분(아래 사진의 검정 색 부분)이 무효화 영역이라는 것은 예전에 해당되는 말  → 현재는 다시 그릴 필요 없어서 WM_PAINT 메세지 발생 X

 

 

 

 

 

 그러면 언제 무효화 영역이 발생하고 WM_PAINT가 발생하는가 ?? → 창을 아에 내렸다가 다시 키는 경우 발생

 아무튼 사각형 하나를 그려보자

 

// WndProc

 case WM_PAINT:
 {
 	PAINTSTRUCT ps;              
        HDC hdc = BeginPaint(hWnd, &ps);    // Device Context 만들어서 ID 반환 (그리기)
 
 	Rectangle(hdc, 10, 10, 110, 110);   // 사각형 그리기
 	EndPaint(hWnd, &ps);		    // 그리기 종료
 }
 break;

결과화면 - 사각형 그리기

 

 

 

* Device Context 무엇인가?

 : 그리기 작업 수행시 필요한 데이터 집합이라 하고 HDC라는 애의 관할이다

 : DC의 목적지는 현재 수행하고 있는 창 (hWnd) 이고 기본 설정 펜 색은 검정, 브러쉬는 하얀색이다

  → 그래서 위의 사진이 흰 배경에 투명 사각형이 아니라 하얀색 브러쉬로 색을 칠해서 나온 것이다

 : 우리가 그림을 그리려고 할 때 도화지와 도구가 필요하듯, 창이 도화지며 도구는 펜과 브러쉬 등 다양하게 있다

 

 

< Rectangle 함수 >

 

 

- hdc : 디바이스 컨텍스트에 대한 핸들 (HDC)

- left : 사각형의 왼쪽 위 모서리에 있는 논리 좌표의 x 좌표

- top : 사각형의 왼쪽 위 모서리에 있는 논리 좌표의 y 좌표

- right : 사각형의 오른쪽 아래 모서리에 있는 논리 좌표의 x 좌표

- bottom : 사각형의 오른쪽 아래 모서리에 있는 논리 좌표의 y 좌표

 

 

 

그러면 직접 펜과 브러쉬 같은 도구를 만들어서 사각형을 그릴 수 있지 않는가? → OK

 

// WndProc

case WM_PAINT:    
    {
            PAINTSTRUCT ps;
            HDC hdc = BeginPaint(hWnd, &ps); 
            
            HPEN hRedPen = CreatePen(BS_SOLID, 1, RGB(255, 0, 0));  
            HBRUSH hBlackBrush = (HBRUSH)GetStockObject(BLACK_BRUSH);
            
            HPEN hDefaultPen = (HPEN)SelectObject(hdc, hRedPen);    
            HBRUSH hDefaultBrush = (HBRUSH)SelectObject(hdc, hBlackBrush);
            Rectangle(hdc, 10, 10, 110, 110);

            SelectObject(hdc, hDefaultPen); 
            SelectObject(hdc, hDefaultBrush);  
            DeleteObject(hRedPen);             
            DeleteObject(hDefaultBrush)

            EndPaint(hWnd, &ps); 
        }
        break;

 

아 그리고 많은 사람들이 꽤 헷갈리는 경우가 있는데

switch-case문에서 전역변수를 사용하려면 중괄호 { ... } 가 필요하다

 

 

< CreatePen 함수 >

 : 직접 펜을 만들어서 쓸 수 있다. 핸들은 HPEN(펜(선) 객체)

 

 

 - iStyle : 아래의 값을 넣어서 다양하게 설정 가능하다. 현재 사용한 것은 PS_SOLID로 실선을 의미

 

- cWidth : 펜의 굵기 (픽셀 단위). 현재 1픽셀

- color : RGB 매크로 이용해서 색을 지정함. 현재 RGB(255, 0, 0)으로 빨간색으로 지정됨

 

 

 

1) HPEN 객체를 만들어 새로운 펜을 만든 것을 넣는다(ID할당).

2) HBRUSH 객체를 만들어 새로운 브러쉬를 만든 것을 넣는다(ID할당).

3) HPEN, HBRUSH 객체(hDefaultPen, hDefaultBrush)에 이전에 선택되었던 객체의 핸들을 저장한다.

 

 

4) 사각형을 그린 후, 다시 예전 검정 펜과 하얀 브러쉬를 설정하고 만들었던 객체를 지운다.

 

 

< GetStockObject 함수 >

 : 스톡 펜, 브러시, 글꼴 또는 팔레트 중 하나에 대한 핸들을 검색 (= 해당 객체에 대해 미리 정해놓은 값을 이용하겠다)

 

 

 

- i : 자주 쓰는 색은 미리 만들어 놓은 것이다. 현재 BLACK_BRUSH를 통해 검정색 브러쉬를 선택해서 사용하고 있다.

  만약 미리 정해놓은게 없다면 PEN과 마찬 가지로 CreateSolidBrush함수를 이용해 RGB값을 넣어 사용하면 된다.

 

 

 

 

- 사각형 이동 

 이 사각형을 키보드로 이동하려면 어떻게 해야할까?

 우선 기존 사각형 그릴 때 매개변수에 값을 줘서 그렸다면, 우리가 입력한 값에 따라 바뀌어야 함으로 변수가 와야 한다.

 POINT 객체를 이용해서 좌표값과 크기를 설정한 후 그 좌표값과 크기를 이용해서 사각형을 그리자

 

 

objPos가 사각형 중간점, 모서리 좌표를 구하는 식

 

 

 키보드 이동은 어떻게 받는가? → 우리가 키보드를 누를 때 WM_KEYDOWN 메세지가 발생한다.

 

 윈도우 프로시저에서 wParam은 키보드 id값을  lParam은 마우스 좌표 (클라이언트 기준 (x, y))을 받는다

 따라서 WM_KEYDOWN 안에서 wParam을 이용해 처리해주면 된다. 단 문자 입력은 'W'와 같이 대문자로 받아야 한다.

 

 상하좌우 키인 VK_UP, VK_DOWN, VK_LEFT, VK_RIGHT를 이용하여 각 좌표 값을 옮겨보자

 // 전역변수 
POINT objPos{ 500, 300 };
POINT objScale{ 100, 100 };

 // WndProc
    case WM_PAINT:  
    {
            PAINTSTRUCT ps;
            HDC hdc = BeginPaint(hWnd, &ps);   /

            HPEN hRedPen = CreatePen(BS_SOLID, 1, RGB(255, 0, 0));
            HBRUSH hBlackBrush = (HBRUSH)GetStockObject(BLACK_BRUSH);          
            
            HPEN hDefaultPen = (HPEN)SelectObject(hdc, hRedPen);                
            HBRUSH hDefaultBrush = (HBRUSH)SelectObject(hdc, hBlackBrush);

            Rectangle(hdc, objPos.x - objScale.x / 2,
                objPos.y - objScale.y / 2,
                objPos.x + objScale.x / 2,
                objPos.y + objScale.y / 2);

            SelectObject(hdc, hDefaultPen);   
            SelectObject(hdc, hDefaultBrush);  
            DeleteObject(hRedPen);            
            DeleteObject(hDefaultBrush);

            EndPaint(hWnd, &ps);            
        }
 case WM_KEYDOWN:  
    {
        switch (wParam)
        {
        case VK_UP:
            objPos.y -= 10;            
            break;

        case VK_DOWN:
            objPos.y += 10;
            break;
            
        case VK_LEFT:
            objPos.x -= 10;
            break;

        case VK_RIGHT:
            objPos.x += 10;
            break;

        case 'W':  // 문자는 대문자를 기준으로 눌린다 
        {

        }
        break;
        }
    }
    break;

 

 

→ 안움직인다

 

왜일까? 근데 이거 이러면 움직이고 창내렸다가 올리면 바뀌어져 있음

키는 먹는데 WM_PAINT에서 다시 안그려서 그럼

 

이거를 키마다 넣어주면 움직일 것이다.

 

 

 

근데 아마 이렇게 나올텐데, 이전에 그렸던 것이 남아있어서 그렇다.

InvalidateRect(hWnd, nullptr, false)에서 마지막 매개변수를 false로 처리하면

우리가 사용한 지정된 윈도우의 전체 영역을 무효화하되 배경색으로 채우지 않는다

 

마지막 매개변수를 true로 바꾸면 전체 영역을 배경색으로 처리하게 된다.

 

    case WM_KEYDOWN:   
    {
        switch (wParam)
        {
        case VK_UP:
            objPos.y -= 10;             
            InvalidateRect(hWnd, nullptr, true);
            break;

        case VK_DOWN:
            objPos.y += 10;
            InvalidateRect(hWnd, nullptr, true);
            break;
            
        case VK_LEFT:
            objPos.x -= 10;
            InvalidateRect(hWnd, nullptr, true);
            break;

        case VK_RIGHT:
            objPos.x += 10;
            InvalidateRect(hWnd, nullptr, true);
            break;

        case 'W':
        {

        }
        break;
        }
    }

 

 

 근데 하나의 키를 계속 누르면 멈췄다가 1초 지난 후에야 계속 키를 누르는 것으로 인식된다.

 게임 만들 때 내가 플레이하는 캐릭터가 이런다고 생각해보자. 어색하다.

 다음 시간에 더 알아보도록 한다