까막's 블로그

본 예제에서도 이전처럼 새로운 클래스를 추가하거나 하는 작업들은 하지 않고, 모든 작업을 다이알로그에서 처리 가능하도록 하고자 한다.

위의 그림이 샘플 예제이며,
내부에 사용된 기능은 다음과 같다.

1. 폰트를 만들어 언더라인을 긋는다.
2. 하이퍼 링크 컨트롤 위에 마우스가 가면 손가락 모양으로 바뀐다.
3. 클릭하면 링크된 웹사이트가 뜬다.
4. 클릭이 끝나면 한번 클릭된 것으로 인식하고, 글자 색상을 바꾼다.

구현되는 기능은 일반적인 하이퍼 링크 컨트롤의 기능을 100% 지원한다.
단, 툴팁도 추가할 수 있지만.. 현재 강좌 범위를 넘어가므로 나중을 기약하며 생략한다.

준비해야할 것과 추가해야할 코딩..
1. 먼저 폼에 스태틱 컨트롤 중에 Text 컨트롤을 하나 올리고, IDC_STATIC_1 로 설정한다.
2. 컨트롤의 속성중에 Styles 탭에서 Notify를 첵크한다. (중요하다.)
3. 다이알로그의 헤더 파일에 CFont m_font; 멤버를 하나 추가한다.
4. 다이알로그의 헤처 파일에 BOOL m_m_clicked; 멤버를 추가한다.

BOOL CSssDlg::OnInitDialog()
{
    CDialog::OnInitDialog();
   
    // 밑줄이 쫘악 그어진 폰트를 하나 만든다.
    LOGFONT log;
    GetFont()->GetLogFont(&log);
    log.lfUnderline = TRUE;
    m_font.CreateFontIndirect(&log);

    // 만들어진 폰트를 스태틱 컨트롤에 적용한다.
    GetDlgItem(IDC_STATIC_1)->SetFont(&m_font);

    return TRUE;  // return TRUE unless you set the focus to a control
    // EXCEPTION: OCX Property Pages should return FALSE
}

HBRUSH CSssDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
   
    switch(nCtlColor)
    {
    case CTLCOLOR_STATIC:
        {
            if(pWnd->GetDlgCtrlID() == IDC_STATIC_1)
            {
                // 클릭 한적이 없으면 파랑색으로...
                if(m_clicked == FALSE)
                    pDC->SetTextColor(RGB(0, 0, 255));
                // 한번 클릭하고 나면 보라색 비끄무리하게 바꾼다.
                else
                    pDC->SetTextColor(RGB(255, 100, 100));
               
                // 기왕 하는거 배경은 투명한 형태로 계속 유지하자.. --;
                pDC->SetBkMode(TRANSPARENT);
                return (HBRUSH)GetStockObject(NULL_BRUSH);;
            }
        }
    }
    // TODO: Return a different brush if the default is not desired
    return hbr; 
}

여기 까지는 기존에 강좌에 나온것과 별반 다른작업이 없다. 다음 2가지 과정을 거치고 나면
하이퍼링크 컨트롤로 변신한다. ^^;

클래스 위저드를 열어 WM_SETCURSOR 이벤트를 추가한다.

그러고 나면 다음과 같은 코드가 추가된다.

BOOL CSssDlg::OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message)
{
    return CDialog::OnSetCursor(pWnd, nHitTest, message);
}

간단하게 WM_SETCURSOR 이벤트에 대하여 설명해 보면, 다이알로그 위에서 마우스가 움직이는 동안 필요한 커서를 제어할 수 있도록 기능을 제공하는 것이다.
일단 코드를 다음과 같이 변경한다.
BOOL CSssDlg::OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message)
{
    CPoint pt;   // 마우스 커서 위치를 저장할 객체
    CRect rc;   // 스태틱 컨트롤의 위치를 저장할 객체.

     // 마우스 커서의 위치를 찾아온다.
    GetCursorPos(&pt);
    // 스태틱 컨트롤의 위치를 찾아온다.
    GetDlgItem(IDC_STATIC_1)->GetWindowRect(rc);

     // 만약 마우스가 스태틱 컨트롤 위에 와있으면..
    if(rc.PtInRect(pt))
    {
        // IDC_HAND라는 스탠다드 커서를 읽어와서 커서를 변경시킨다.
        SetCursor(AfxGetApp()->LoadStandardCursor(MAKEINTRESOURCE(IDC_HAND)));

        // 꼭 리턴을 해주어야하는데, 이로써 화면에 바뀐커서가 적용된다.
        // 리턴 해주지 않으면 아무리 커서를 바꾸어도 전혀 변경이 없다.
        // 아래 return CDialog::OnSetCursor(pWnd, nHitTest, message); 에서 커서를
        // 원상 복구 시켜버리기 때문이다.
        return TRUE;
    }
 
 return CDialog::OnSetCursor(pWnd, nHitTest, message);
}

이제 마지막 하나의 기능이 남아있다.
스태틱 컨트롤을 마우스로 클릭하고 나면, 그걸 인식하여 웹페이지를 열어 주어야한다.
아까전에 속성창에서 Notify를 첵크하고 하였던 것이 기억날것이다. 만약 이 속성을 주지 않는다면
아무리 마우스를 컨트롤에 놓고 꼭, 꼭 찍어도 아래의 함수는 동작하지 않는다.

클래스 위저드를 열어서 IDC_STATIC_1의 BN_CLICKED 이벤트를 추가한다.

그러면 해당 이벤트의 핸들러가 추가된다.

그리고 코드를 다음과 같이 입력하면 된다.
void CSssDlg::OnStatic1()
{
    m_clicked = TRUE;
    GetDlgItem(IDC_STATIC_1)->Invalidate();
    ShellExecute(m_hWnd, "open", "http://crowback.tistory.com", NULL, NULL, SW_SHOW);
}

여기서 유용한 함수중에 하나가 ShellExecute라는 함수인데.. 외부 프로그램을 실행시킬때 주로
사용하는 기능이다.

설명은 길지만 전체 추가한 라인수는 대략 30라인 정도밖에는 되지않는 아주 간단한 코드이다.
이렇게 하여 하이퍼링크 하나를 넣기 위하여 새로운 클래스를 추가하는 번거로움을 막을 수 있다.

스태틱 컨트롤중에 Text 기능을 이용하여 배경을 투명하게 만드는 것은 에디트 컨트롤에 비하여
훨씬 쉽다.

위의 샘플이 컨트롤의 배경을 투명하게 만든것인데..

우선 글자가 써진 컨트롤의 아이디를  IDC_STATIC_1 이라고 변경한 후..
코드를 다음과 같이 변경하면 끝이다.

HBRUSH CSssDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
   
    switch(nCtlColor)
    {
    case CTLCOLOR_STATIC:
        {
            if(pWnd->GetDlgCtrlID() == IDC_STATIC_1)
            {
                pDC->SetTextColor(RGB(255, 0, 0));
                pDC->SetBkMode(TRANSPARENT);
                return (HBRUSH)GetStockObject(NULL_BRUSH);;
            }
        }
    }
    // TODO: Return a different brush if the default is not desired
    return hbr;  
}

에디트 컨트롤 편에서와 마찬가지고 WM_CTLCOLOR 라는 이벤트를 이용하여 글자색과 배경색을 변경할 수 있다.

클래스 위저드에서 WM_CTLCOLOR 을 선택한 후에 Add Function 버튼을 눌러 이벤트 핸들러를 추가한다.

저걸 추가하고 나면 화면상에 다음과 같은 코드가 자동으로 추가됩니다.

HBRUSH CSssDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
   
    // TODO: Return a different brush if the default is not desired
    return hbr;
}

1. CDC* pDC - MFC에서 제공하는 디바이스 컨텍스트
2. CWnd* pWnd - 대상이 되는 다이알로그에 올려진 컨트롤 윈도우
3. UINT nCtlColor -  대상이 되는 컨트롤의 구분 타입.

3번의 대상이 되는 컨트롤의 구분 타입은 다음과 같습니다.
이는 winuser.h에 선언되어 있구요.
#define CTLCOLOR_MSGBOX         0
#define CTLCOLOR_EDIT                1
#define CTLCOLOR_LISTBOX          2
#define CTLCOLOR_BTN                 3
#define CTLCOLOR_DLG                 4
#define CTLCOLOR_SCROLLBAR     5
#define CTLCOLOR_STATIC             6

나는 Text 컨트롤을 대상으로 작업을 하므로 CTLCOLOR_STATIC 를 사용할 것입니다.
그럼 다음과 같은 코드를 추가해 봅니다.

HBRUSH CSssDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
   
    switch(nCtlColor)
    {
    case CTLCOLOR_STATIC:
        {
            pDC->SetTextColor(RGB(255, 0, 0));
            pDC->SetBkColor(RGB(0, 255, 0));
        }
    }
    // TODO: Return a different brush if the default is not desired
    return hbr;
   
}

위와 같이 설정하면 모든 스태틱 컨트롤에 영향을 준다. 실행 결과 화면은 다음과 같다.

필요한 컨트롤만 색상을 변경하려면 다음과 같은 추가 작업이 필요하다.
좌측 상단의 첫번째 컨트롤의 속성창을 열어서 아이디를  IDC_STATIC_1 이라고 변경한다.
그리고 다음과 같이 코드를 변경한다.

HBRUSH CSssDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
   
    switch(nCtlColor)
    {
    case CTLCOLOR_STATIC:
        {
            if(pWnd->GetDlgCtrlID() == IDC_STATIC_1)
            {
                pDC->SetTextColor(RGB(255, 0, 0));
                pDC->SetBkColor(RGB(0, 255, 0));
            }
        }
    }
    // TODO: Return a different brush if the default is not desired
    return hbr;
}

실행 결과 화면은 다음과 같다

의미.
화면상에 간단하게 문자열을 보여주는 것으로 부터... 비트맵 및 아이콘을 폼에 보여주는 것등의 기초 기능을 담당하고 있다.

기본기능.
1. 필요한 곳에 간단한 문자열등을 보여준다. (에디팅은 않된다.)
2. 비트맵과 아이콘과 같은 것들을 간단한 작업으로 화면에 보여줄 수 있다.
3. 간단한 도형의 출력을 도와준다.
4. 메타 파일을 보여줄 수 있다.

설명이 좀 이상하네??? 스태틱인데 왠 이미지???
리소스 창에서는 Text 컨트롤(스태틱 컨트롤)과 Picture 컨트롤로 분리되어 있지만 모두 CStatic으로 구현된
것들이다. 이를 ActiveX 로 만들면서 대표적인 기능으로 분리해 놓았을 뿐 모두 CStatic로 구현 가능하다.

리소스 편집창에서 오른쪽의 빨강 똥그라미가 Text 컨트롤, 파랑 똥그라미가 Picture 컨트롤이다. 모두 CStatic에서 제공하는 기능이지만, 문자열과 그림이라는 기준으로 분리되어 다루기 쉽게 해놓았다.

왼쪽의 [난 Text 컨트롤] 이라고 표현되어 있는 모든 것이 Text 컨트롤에 각각의 속성을 부여하여 여러가지 형태로 표현된 것이고,오른쪽에 보여지는 것이 Picture 컨트롤을 이용하여 속성을 부여해본 것들이다.

앞으로 하나의 CStatic 컨트롤을  Text와 Picture 두가지 관점에서 논할것이여, 가끔 짬뽕이 될 수도 있다 --;

컨트롤이 제공하는 속성을 살펴보자. 우선 Text 관점에서 먼저 본다.
프로퍼티의 General 탭의 설명은 생략한다. 중복되는 넘이므로 [에디트 컨트롤 기초편을 참조한다.]

1. Align Test - 문자열을 수평 왼쪽, 가운데, 오른쪽으로 정렬한다.
2. Center Verically - 문자열을 수직 가운데로 정렬한다.
3. No prefix - 윈도우 컴포넌트의 문자열중에 '&' 는 다음 문자에 _ 선을 그어준다. 이 기능을 제거한다.

그림을 보면 위에꺼는 디폴트, 아래껏은 No Prefix 옵션을 준 것이다.
4. No warp - 문자열의 길이가 컨트롤 너비보다 크면 자동으로 줄바꿈하여 다음줄에 그려진다. 이 기능을 끈다.

그림을 보면 아래쪽이 No Warp 옵션을 사용한 것이다.
5. simple  - 말 그대로 모든 속성을 포기하고, 기초 속성만을 사용함을 표시한다.
6. Notify - 내부 노티파이 이벤트를 부모에게 알려준다.
7. Sunken - 테두리 속성중에 가라 앉은 듯한 효과를 준다. 첫번째 그림중 왼쪽 5번째.
8. Border - 테두리 속성중에 검은색 사각 테두리. 첫번째 그림중 왼쪽 4번째.

1. Client edge -  확장 속성인것만 빼고, 위의 7번과 같다.
2. Static edge - 확장 속성인것만 빼고, 위의 8번과 같다.
3. Modal frame - 다이알로그 처럼 툭 튀어나온것 처럼 보여준다.
4. Transparent - 배경을 그리지 않는다.
5. Accept files - 파일을 드래그 하여 떨구면 이벤트를 발생시킨다.
6. Right aligned text - 문자열을 오른쪽 정렬한다.
7. Right-to-left reading order - 딴 나라를 위하여 오른쪽부터 왼쪽으로 문자열을 오더링한다.

컨트롤이 제공하는 속성을 살펴보자. Picture 관점에서 본다.

1. Type - 컨트롤의 타입을 설정한다.
    Frame - 그냥 비어있는 사각 틀로써 형태를 제공한다.
    Rectangle - 채워진 사각 틀로써 행테를 제공한다.
    Icon - 아이콘을 그려준다.
    Bitmap - 비트맵을 그려준다.
    Enhanced Metafile - 메타 이미지 파일을 그려준다.
2. Image - 위에서 Icon, Bitmap, Enhances Metafile 일경우만 활성화 되고, 현재 리소스 중에서 아이디를 선택할 수 있도록 해준다.
3. Color - 위에서 frame과 Rectangle 속성일 경우 색상을 지정할 수 있도록 해준다.

2번째(Styles)와 3번째(Extended Styles) 속성은 Text 컨트롤과 동일하다.

참고.
Text와 Picture 컨트롤은 다른 컨트롤과 달리 처음에 생성하면 모든 컨트롤의 아이디가

IDC_STATIC

이다. 다른 컨트롤은 뒤에 1, 2 처럼 숫자가 붙는데 좀 특이하다.

이유는 보통 리소스 편집창에서 주는 속성 말고는 코딩으로 먼가를 건드릴 일이 없기 때문에 특별하게 취급된다. 그러므로 코딩에서 저걸 건드릴려면 IDC_STATIC_MYSTATIC과 같이 변경을 가해줘야한다.

IDC_STATIC는 시스템 아이디이기 때문에  GetDlgItem(IDC_STATIC)와 같이 사용할 수 없다.

지금까지 진행해 왔던 과정을 돌이켜 보고, 몇가지 정리를 하면서 이러한 기능을 대부분 수용하는 샘플을 만들어 보았다.

1. 부모 다이알로그와 자식 다이알로그간의 데이터 전달.
2. 입력된 데이터의 올바른지 판단여부.
3. 최대 입력 수 재한
4. 데이터의 저장 및 비교
5. 글자 색상 변경
6. 다이알로그 배경색 변경

처음 프로그램을 실행 시키면 뜨는 화면

우선 가입하기 버튼을 누르면 조인할 수 있는 창이 뜬다.

우선 아이디를 입력한다. 아이디는 4-8자리 까지 제한이 있고,
영문과 숫자만 입력받는다.
[한글을 넣으면 오동작을 할 수 있다. 한글 처리는 여기서 다루지 않는다.]

아이디를 입력하고 중복 확인을 누른다.

암호를 입력하는 창이 활성화 되고 가입 버튼이 함께 활성화 된다.
적당하게 암호를 입력하고 가입을 누른다.

로그인 버튼이 활성화 되었다. 로그인 버튼을 눌러 보자.

아까전에 넣었던 정보를 정확하게 입력하면 모든 과정이 완료된다.

그러면 아래와 같은 환영 메시지가 출력되면서 모든 기능이 완료된다.

그림과 같이 에디트 컨트롤이 5개 있는 화면이라고 가정해 보자..
위 화면에서 시리얼 키를 입력받는 다고 가정할 때.. 숫자영어로 조합된 5개 문자씩을 각각의
에디트에 입력받으려면 어떻게 구현해야 할까?

또한 에디트 하나에 5개의 문자가 입력되면 어떻게 자동으로 다음 에디트로 넘어갈까?
요런 자동화가 되어있지 않다면 하나씩 입력하고 5개 확인하고 탭 누르고 또 입력하고 탭 누르고..

그렇게 간단한건 아니지만 사용자 편의를 제공해야 하는 입장이라면 구현해야 할것이다.
아래는 WM_KEYDOWN메시지 하나로 몽땅 처리한 구조이다.
여러가지 방법이 존재하겠지만.. 이렇게도 구현할 수 있음을 보여주는 샘플이므로 참조해보자.

코드 자체가 난해하거나 어려운것이 아니므로, 하나씩 의미를 파악해 보면서 이렇게도 사용할 수 있구나
라는 것을 즐겨보자.. ^^;

BOOL CSssDlg::PreTranslateMessage(MSG* pMsg)
{
    if(pMsg->message == WM_KEYDOWN)
    {
        CWnd* pWnd = CWnd::FromHandle(pMsg->hwnd);
        CString str;
       
        if(isalnum(pMsg->wParam))
        {
            switch(pWnd->GetDlgCtrlID())
            {
            case IDC_EDIT1:
            case IDC_EDIT2:
            case IDC_EDIT3:
            case IDC_EDIT4:
            case IDC_EDIT5:
                GetDlgItemText(pWnd->GetDlgCtrlID(), str);
                if(str.GetLength() == 5)
                {
                    CEdit* pEdit = (CEdit*)pWnd;
                    int s, e;
                   
                    pEdit->GetSel(s, e);
                    if(s != e)
                        return CDialog::PreTranslateMessage(pMsg);
                   
                    if(pWnd->GetDlgCtrlID() != IDC_EDIT5)
                    {
                        GetDlgItem(pWnd->GetDlgCtrlID()+1)->SetFocus();
                        ((CEdit*)GetDlgItem(pWnd->GetDlgCtrlID()+1))->SetSel(0, -1);
                    }
                   
                    if(pWnd->GetDlgCtrlID() != IDC_EDIT5)
                        GetDlgItem(pWnd->GetDlgCtrlID()+1)->PostMessage(WM_KEYDOWN, pMsg->wParam, pMsg->lParam);
                   
                    return TRUE;
                }
                break;
            }
        }
        else if(pMsg->wParam == VK_BACK)
        {
            switch(pWnd->GetDlgCtrlID())
            {
            case IDC_EDIT1:
            case IDC_EDIT2:
            case IDC_EDIT3:
            case IDC_EDIT4:
            case IDC_EDIT5:
                GetDlgItemText(pWnd->GetDlgCtrlID(), str);
                if(str.GetLength() == 0)
                {
                    if(pWnd->GetDlgCtrlID() != IDC_EDIT1)
                        GetDlgItem(pWnd->GetDlgCtrlID()-1)->SetFocus();
                    return TRUE;
                }
                break;
            }
        }
        else
        {
            switch(pMsg->wParam)
            {
            case VK_HOME:
            case VK_END:
            case VK_UP:
            case VK_DOWN:
            case VK_LEFT:
            case VK_RIGHT:
            case VK_TAB:
                break;
            default:
                return TRUE;
            }
        }
    }
   
    return CDialog::PreTranslateMessage(pMsg);
}

아래는 구현된 샘플입니다.