인생의무한루프

저번에 이어 에디트 컨트롤을 사용하면서 글자색이나 배경색을 바꾸는 것에 대하여 알아보자.
이 기능은 에디트 컨트롤 뿐만 아니라, 거의 모든 문자열 입출력이 있는 컨트롤에 해당하는 기능이므로
잘 알아두면 다른 컨트롤에서도 쉽게 사용할 수 있다.

다이알로그의 이벤트 중에 WM_CTLCOLOR 라는 이벤트가 있습니다.


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

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

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

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

의미를 해석해보면 IDC_EDIT9번을 가진 에디트 컨트롤의 글자색을 빨간색 RGB(255,0,0))으로
IDC_EDIT14번을 가진 에디트 컨트롤의 글자 배경색을 녹색 RGB(0,255,0)으로 바꿔라 입니다.

여러개를 한꺼번에 바꾸거나, 그런건 머 위의 코드를 약간 수정하면 될테니 그건 손수 한번 해보세요.




다음에는 에디트 컨트롤의 폰트를 한번 변경해 보도록 하겠습니다.

Posted by 까막백(홈페이지 이동)

에디트 컨트롤의 글자는 보통 윈도우의 기본 화면체를 따르게 된다.
울나라 한글 윈도우는 - 글씨체:굴림, 크기 9pt이다.


위의 그림은 아이디쪽의 폰트는 이탤릭 스타일을 넣어 보았고,
일기장의 글씨는 크기를 20pt로 키워보았다.

글씨체.. 즉,  FONT는 MFC에서도 CFont라고 하는 잘 관리된 클래스로 기능을 제공한다.
여기서 할일은 CFont라는 객체를 생성해서 위에서 나오는것과 같은 속성을 부여한 다음에
컨트롤에다가 이 폰트를 쓰거라... 라고 해주면 끝난다.

두가지 스타일이므로
다이알로그의 헤더에 다음과 같이 폰트를 선언하였다.
 CFont m_bigfont;
 CFont m_stylefont;

이제는 소스에서 저 폰트를 각 속성별로 생성하여 에디트에 연결해 주어야한다.

BOOL CSssDlg::OnInitDialog()
{
    CDialog::OnInitDialog();

    // 중략

     // 큰크기의 폰트를 만든다.
     m_bigfont.CreatePointFont(200, "굴림");
     // IDC_EDIT8 컨트롤에 이 폰트를 써라라고 알려준다.
     GetDlgItem(IDC_EDIT8)->SetFont(&m_bigfont);

     // 윈도우에서 제공해주는 폰트의 여러가지 속성을 정리한 구조체.
     LOGFONT log;

    // 다이알로그가 가진 기본 폰트 정보를 얻어 온후 그 속성을 log 변수에 담는다.
     GetFont()->GetLogFont(&log);
     // 글자의 이탤릭 속성을 활성화 시킨다.
     log.lfItalic = TRUE;

     // 주어진 로그 폰트 속성을 이용하여 폰트를 생성한다.
     m_stylefont.CreateFontIndirect(&log);
     // IDC_EDIT8 컨트롤에 이 폰트를 써라라고 알려준다.
     GetDlgItem(IDC_EDIT1)->SetFont(&m_stylefont);

    // 중략
}

CFont 나  LOGFONT를 오늘 처음 접하신 분들이나 대충 책에서만 보아왔던 사람이라면
소스에서 마우스로 클릭하고 F12를 눌러 보아라.
그러면 자동으로 그 선언부로 이동하여 어떤 구조를 가지고 있는지 자세히 보여줄 것이다.
또한  MSDN을 참조하여 그 설명을 살펴보아두면 다음에, 다른 컨트롤이나 윈도우의 글씨체나
속성을 변경할 때 큰 도움이 될것이다.

또한 GetDlgItem 함수와 SetFont, GetFont와 같은 기본 함수도 외워두면 좋다.

Posted by 까막백(홈페이지 이동)

에디트 컨트롤의 배경을 투명하게 만드는 건 쉬운일이 아니다..

www.codeguru.com(이하 그루)이나 www.codeproject.com (이하 플젝)에 찾아보면..
그나마 플젝 사이트에나 쓸만한거 하나 건질 수 있다.

버뜨... 에디트 컨트롤 배경하나 투명하게 만들자고.. 클래스 나부랭이를 자꾸 추가하는건..
전혀 입맞에 맞는일이 못된다.
작업하다 보면 늘어나는 클래스에 골머리 뽀사지고, 이기능 넣느라 이 클래스 추가하고
저 기능 넣느라 저거 추가하고.. ㅜㅜ

그냥 다얄로그에 몇줄 추가해서 해결할 방법이 있을까? 당연히 있다.. ㅎㅎ
좀 귀찬긴 하지만 원하는 기능을 만드는 즐거움을 어떤것에 비할까..

이전의 샘플 sample2.zip 프로젝트를 조금 변화 시켜보았다.
배경에 그림을 하나 깔고.. 에디트를 올려서 처리하는 것이다.



이전의 IDC_EDIT9 에디트가 글자가 빨강 색으로 나오는걸 타겟으로 잡았다.

다아일로그에서 클래스 위저드를 띄운 후..
1. PreTranslateMessage 이벤트 핸들러를 추가한다.
2. Object IDs: IDC_EDIT9를 선택하고 EN_CHANGE 이벤트 핸들러를 추가한다.

그리고 코드를 다음과 같이 수정한다.

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

BOOL CSssDlg::PreTranslateMessage(MSG* pMsg)
{
    if(::GetDlgCtrlID(pMsg->hwnd) == IDC_EDIT9)
    {
        // 에디트 컨트롤 IDC_EDIT9 번의 이벤트 중에서 아래 이벤트가 발생하면
        // 에디트 컨트롤 영역만큼 부모 윈도우의 화면을 갱신한다.
        switch(pMsg->message)
        {
        case WM_LBUTTONDOWN:
        case WM_LBUTTONUP:
        case WM_KILLFOCUS:
            {
                CRect rc;
                CWnd* pWnd = GetDlgItem(IDC_EDIT9);
                pWnd->GetWindowRect(rc);
                ScreenToClient(rc);
                InvalidateRect(rc);
            }
        }
    }
   
    return CDialog::PreTranslateMessage(pMsg);
}

// 이 것을 PreTranslateMessage 에서 처리하지 못하는 이유는
// 이벤트를 잡을 수 없기 때문이다.
// 이 전체 기능을 CEdit서브클래싱하여 구현하여 놓은 것이 플젝사이트의 샘플이라고 봐도 무방하다.
void CSssDlg::OnChangeEdit9()
{
    // 에디트 컨트롤에서 글자에 변화가 생기면.
    // 에디트 컨트롤 영역만큼 부모 윈도우의 화면을 갱신한다.
    CRect rc;
    CWnd* pWnd = GetDlgItem(IDC_EDIT9);
    pWnd->GetWindowRect(rc);
    ScreenToClient(rc);
    InvalidateRect(rc);
}

샘플을 실행하면 화면이 좀 구리지만.. 참고하는데는 문제 없다 -_-;;;


Posted by 까막백(홈페이지 이동)

대부분의 컨트롤을 다룰 때 초기에는 별 필요성이 없다가, 이것 저것 기능을 처리할려다 보면 꼭 필요한
것들이 바로 이벤트를 핸들링 하는 일이다.
정확한 개념 이해를 위해서 MSDN의 원문을 첨가한다. 물론 딸려오는 한글 설명은 번역한 내용을 기술하는 것이 아니고, 그냥 정리된 개념을 서술하는 것이다.

에디트 컨트롤에 특화되어 제공되는 이벤트는 음과 같이 8개가 있다.

1. EN_CHANGE
The EN_CHANGE notification message is sent when the user has taken an action that may have altered text in an edit control. Unlike the EN_UPDATE notification message, this notification message is sent after the system updates the screen. The parent window of the edit control receives this notification message through a WM_COMMAND message.

위 이벤트는 에디트 박스에서 데이터를 입력하거나 수정, 제거 등의 행동을 취하면 발생하는 이벤트이다.
이런걸 사용하는 이유는 방금 입력되거나 수정된 데이터가 올바른지, 혹은 어떤 정해논 범위의 캐릭터가 들어오는지, 아니면 범위를 초과하는지 등등등.. 변화에 민감하게 바로 바로 처리할 수 있도록 할 때 사용한다.

예를 들면 입력을 16진수로만 받아 들인다고 가정했을 때 입력 받을 수 있는 범위는
012345678ABCDEFX이다. 방금 입력된 값이 저 범위에 들어가지 않는다면 삑 소리를 내주거나 메시지 박스등을 뛰워 사용자로 부터 잘못된 입력이 있음을 경고해 줄 수도 있다.

2. EN_ERRSPACE
The EN_ERRSPACE notification message is sent when an edit control cannot allocate enough memory to meet a specific request. The parent window of the edit control receives this notification message through a WM_COMMAND message.

개발하면서 사실상 한번도 써본적이 없는 메시지이다. 에디트에 어떤 입력이 있을 경우 당연히 그것을 저장할 공간이 할당되어야 한다. 그런데 너무 많이 데이터를 넣어서 더이상 처리될 공간이 없을 때 발생하는 메시지이다. 요즘 윈도우에선 사실상 걸어놔도 걸릴지 의문이다 -_-;

3. EN_HSCROLL, EN_VSCROLL
The EN_HSCROLL notification message is sent when the user clicks an edit control's horizontal scroll bar. The parent window of the edit control receives this notification message through a WM_COMMAND message. The parent window is notified before the screen is updated.

데이터를 입력하면서 수평/수직 스크롤바에 크기 변경이 생기거나, 사용자가 에디트 박스의 수평/수직 스크롤바를 이동시키면 발생하는 이벤트이다. 이 이벤트 또한 사용자가 에디트 내부를 직접 건드리거나 하지 않는 이상 자주 사용되지 않는다. 샘플을 기준으로 간단하게 어떻게 저 정보를 이용하는지 코드를 적어본다.

void CSssDlg::OnHscrollEdit1()
{
    SCROLLINFO info;
    GetDlgItem(IDC_EDIT1)->GetScrollInfo(SB_HORZ or SB_VERT or SB_BOTH, &info);
}
위와 같이 현재 에디트 컨트롤의 포인터를 얻어와서 GetScrollInfo에 인자를 채운후 호출하게 되면 info라는 구조체에 현재 스크롤바의 모든 정보가 들어오게 된다.

4. EN_SETFOCUS, EN_KILLFOCUS
The EN_SETFOCUS notification message is sent when an edit control receives the keyboard focus. The parent window of the edit control receives this notification message through a WM_COMMAND message.

사용자가 마우스나 TAB버튼을 이용하여, 에디트 컨트롤에 포커스가 갔을 경우나, 혹은 포커스가 있는 상태에서 다른 컨트롤등으로 포커스가 이동할 경우에 발생하는 이벤트이다. 요런걸 어떨 때 사용하냐면..
검색창등에 있는 에디트 컨트롤을 보면..
<검색어를 입력하세요> 라고 써있어서, 마우스로 콕 찍으면 저 문자열이 사라지고 글자를 입력할 수 있는 상태가 되는걸 본적이 있을 것이다. 기타 등등의 이유가 많겠지만..

5. EN_MAXTEXT
The EN_MAXTEXT notification message is sent when the current text insertion has exceeded the specified number of characters for the edit control. The text insertion has been truncated.

에디트 컨트롤을 변수로 연결할 하고 나서, 클래스 위저드를 열 은 후에..

IDC_EDIT1 을 m_data라고 하는 CString 변수에 연결 한 후.. Memver Variable 라는 탭을 열어 보면 현재 다얄로그 폼에 존재하는 컨트롤과 어떤 변수가 연결되어 있는지 쭈욱 항목이 나온다.
거기서 Maximum Characters : 라는 곳에 5라고 넣었다.
의미는 현재 에디트 IDC_EDIT1에는 최대 5개까지의 문자를 입력 받을 수 있도록 제한을 걸었다는 것이다.

저렇게 제한을 걸어 놓았을 경우 6번째 문자가 입력되면 EN_MAXTEXT이벤트가 발생하게 된다.
void CSssDlg::DoDataExchange(CDataExchange* pDX)
{
    CDialog::DoDataExchange(pDX);
    //{{AFX_DATA_MAP(CSssDlg)
    DDX_Text(pDX, IDC_EDIT1, m_data);
    DDV_MaxChars(pDX, m_data, 5);
    //}}AFX_DATA_MAP
}
라고 추가되는 것이 보일 것이다.
개념을 다시 되 집어 보면, 저걸 직접 손으로 코딩해도 하등 문제가 없다는 이야기이다.
DoDataExchange 에 변수와 컨트롤을 연결하는 DDX_ , DDV_ 계열의 매크로는 상당히 다양하지만 현재 그렇게 까지 자세하게 설명하진 않을 것이다. [궁금하면 콕 찍은 다음 F12를 눌러 보아라]

6. EN_UPDATE
The EN_UPDATE notification message is sent when an edit control is about to redraw itself. This notification message is sent after the control has formatted the text, but before it displays the text. This makes it possible to resize the edit control window, if necessary. The parent window of the edit control receives this notification message through a WM_COMMAND message.

이 이벤트는 에디트 컨트롤을 다시 그려야할 필요가 있는 모든 경우에 발생하는 이벤트이다. EN_CHANGE는 문자열에 대한 변과하 있을 때만 발생하지만, 컨트롤의 크기가 변경된다던가 스타일을 바꾼다던가.. 외관상 및 내부 데이터가 바뀔 때 모두 발생한다는 점이 다르다..

아래 그림은 예제 샘플의 화면이다. 위에 나온 내용중에 몇가지를 구현하여 보았다.

Posted by 까막백(홈페이지 이동)

그림과 같이 에디트 컨트롤이 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);
}

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

Posted by 까막백(홈페이지 이동)