Visual C++ Programming Keyboard & Timer Department of Digital Contents Sang Il Park
Outline Review: Keyboard & timer Interface – Menus
Review: 키보드 포커스 키보드 포커스 변화 WM_SETFOCUS WM_KILLFOCUS WM_SETFOCUS
Review: 캐럿 관련 함수 함수 이름 역할 CreateCaret() 비트맵을 이용하여 캐럿을 생성한다. CreateGrayCaret() 회색 사각형 모양의 캐럿을 생성한다. CreateSolidCaret() 검정색 사각형 모양의 캐럿을 생성한다. ShowCaret() 캐럿이 보이도록 한다. HideCaret() 캐럿을 숨긴다. GetCaretPos() 캐럿의 위치(클라이언트 좌표)를 얻는다. SetCaretPos() 캐럿의 위치(클라이언트 좌표)를 변경한다. ::DestroyCaret() 캐럿을 파괴한다. ::GetCaretBlinkTime() 캐럿이 깜박이는 간격을 얻는다. ::SetCaretBlinkTime() 캐럿이 깜박이는 간격을 설정한다.
Review: 키 누름 메시지 키 누름 메시지(Keystroke Message) 키 누름 메시지 종류 키보드를 누르거나 떼는 동작에 의해 발생하는 메시지 키 누름 메시지 종류 메시지 의미 WM_KEYDOWN F10, Alt 이외의 키를 누를 때 WM_KEYUP F10, Alt를 이외의 키를 뗄 때 WM_SYSKEYDOWN F10, Alt, Alt + 키 조합을 누를 때 WM_SYSKEYUP F10, Alt, Alt + 키 조합을 뗄 때
Review: 키 누름 메시지 메시지 핸들러 형태 nChar nRepCnt nFlags 키에 할당된 가상 키 코드값 다음 페이지 표 참조 nRepCnt 키를 계속 누르고 있을 경우 1보다 큰 값을 가진다. nFlags 키와 관련된 다양한 정보를 담고 있다(MSDN 참조). afx_msg void On#### (UINT nChar, UINT nRepCnt, UINT nFlags) ;
Review: 키 누름 메시지 가상 키코드 (Virtual Key Code) 가상 키 코드 VK_CANCEL VK_BACK VK_TAB VK_RETURN VK_SHIFT VK_CONTROL VK_MENU VK_PAUSE VK_CAPITAL VK_ESCAPE VK_SPACE VK_PRIOR VK_NEXT VK_END 해당 키 Ctrl-Break Backspace Tab Enter Shift Ctrl Alt Pause Caps Lock Esc Spacebar PgUp PgDn End VK_HOME VK_LEFT VK_UP VK_RIGHT VK_DOWN VK_SNAPSHOT VK_INSERT VK_DELETE VK_0 - VK_9 VK_A - VK_Z VK_F1 - VK_F12 VK_NUMLOCK VK_SCROLL Home ← ↑ → ↓ Print Screen Insert Delete 0 – 9 A – Z F1 - F12 Num Lock Scroll Lock
Review: 문자 메시지 문자 메시지 - VK_R 키를 누른 경우 문자 메시지 - Alt + VK_R 키를 누른 경우 WM_KEYDOWN WM_CHAR WM_KEYUP WM_SYSKEYDOWN WM_CHAR WM_SYSKEYUP WM_KEYDOWN
Review: SetTimer 함수 void SetTimer (int id, int time, void * fp) ; 매 설정된 시간 마다 WM_TIMER 메시지 발생 id timer의 id (예: 0, 1, 2, … ) timer가 여러 개 있을 경우 구분하기 위해 사용 time: 알람을 울릴 주기 (=millisec) 1000 = 1 초 반드시 윈도우가 만들어 진 후 설정한다. 주로 WM_CREATE의 핸들러인 OnCreate 내부에 설정 예) SetTimer(0, 100, NULL);
Review: WM_TIMER 핸들러 nIDEvent 코딩 예) 현재 WM_TIMER를 발생시킨 타이머의 id afx_msg void OnTimer (int nIDEvent) void CChildView::OnTimer(int nIDEvent) { if(nIDEvent == 0) // 주기 마다 해 줘야 할 일 }
Program Assignment #3 간단한 키보드 입력 게임 만들기 Due date: 4월 10일 23:59 까지 프로젝트파일 압축하여 e-mail 제출
Interface - MENU
메뉴 용어 (1/6) 최상위 메뉴 = 메뉴 바 최상위 메뉴 = 메뉴 바
메뉴 용어 (2/6) 메뉴 항목 명령 항목 팝업 항목 용어 의미 ① 명령 항목 명령(Command)을 수행하는 메뉴 항목. 선택하면 WM_COMMAND 메시지가 발생한다. ② 팝업 항목 하위 메뉴를 화면에 표시하는 메뉴 항목. 선택해도 WM_COMMAND 메시지가 발생하지 않는다. 명령 항목 팝업 항목
메뉴 용어 (3/6) Drop-down 메뉴 최상위 메뉴 항목을 클릭했을 때 펼쳐지는 메뉴 Drop-down 메뉴 = Pop-up 메뉴
메뉴 용어 (4/6) 컨텍스트 메뉴 = 단축 메뉴 마우스 오른쪽 버튼을 누를 때 열리는 메뉴 마우스 커서의 위치 또는 현재 작업하고 있는 내용에 따라 서로 다른 메뉴 항목이 표시됨 컨텍스트 메뉴 = 단축 메뉴 = 팝업 메뉴
메뉴 용어 (5/6) 시스템 메뉴 = 윈도우 메뉴 시스템 메뉴 = 윈도우 메뉴
메뉴 용어 (6/6) 액세스키와 단축키 액세스키 단축키 액세스키 단축키 메뉴가 열린 상태에서 특정 항목을 키보드로 빠르게 선택 메뉴가 열리지 않은 상태에서도 키 조합으로 메뉴 항목의 기능을 곧바로 실행 액세스키 단축키
메뉴 클래스 MFC 클래스 CMenu CCmdUI 메뉴를 다룰 수 있는 다양한 함수 제공 CObject의 파생 클래스가 아닌 독립된 클래스 메뉴와 툴바 및 상태바에 필요한 기능 지원
메뉴 생성 (1/6) 두 가지 방법 메뉴 리소스 프로그램 실행 중 메뉴 생성 메뉴 리소스 작성
메뉴 생성 (2/6) AppWizard가 생성한 코드 BOOL CSimple2App::InitInstance() { CMainFrame* pFrame = new CMainFrame; m_pMainWnd = pFrame; pFrame->LoadFrame(IDR_MAINFRAME, WS_OVERLAPPEDWINDOW | FWS_ADDTOTITLE, NULL, NULL); pFrame->ShowWindow(SW_SHOW); pFrame->UpdateWindow(); return TRUE; }
메뉴 생성 실습 (3/6) 리소스 뷰 사용
메뉴 생성 (4/6) 메뉴 항목 속성 의미 내부적으로 메뉴 항목을 구분하는 번호이며 일반적으로 ID_메뉴이름_항목이름 형태로 만든다. 예) ID_EDIT_CUT 화면에 표시되는 문자열로 액세스키를 지정하려면 해당 문자 앞에 '&' 기호를 사용한다. 단축키를 사용할 경우 '\t' 기호를 삽입하여 단축키를 나타내는 문자열이 탭 위치에 정렬되도록 한다. 예) 잘라내기(&T)\tCtrl+X 메뉴 항목을 구분하는 가로줄이 표시된다. 설정하면 명령 항목이 아닌 팝업 항목이 된다. 최상위 메뉴는 대개 Pop-up 속성을 가진다. 속성 ID Caption Separator Pop-up
메뉴 생성 (5/6) 메뉴 항목 속성 (cont'd) 메뉴 항목이 표시되지만 사용하지는 못한다. 일반적으로 메뉴 항목은 하나의 열(Column)에 표시되지만 항목의 개수가 많을 경우 두 개 이상의 열에 표시되게 할 수 있다. Break 속성으로 Column 또는 Bar를 선택하면 이때부터는 다음 열에 메뉴 항목이 표시된다. Column과 Bar 속성은 기본적으로 같은 기능을 하지만 Bar 속성을 선택하면 열 구분선(세로줄)이 생긴다. 메뉴 항목의 왼쪽에 체크 표시를 한다. Inactive Break Checked 의미 속성
메뉴 생성 (6/6) 메뉴 항목 속성 (cont'd) 메뉴 항목이 흐리게 표시되어 현재 사용할 수 없음을 나타낸다. 윈도우의 오른쪽 끝 위치에 메뉴가 표시되도록 한다. 주로 Help 메뉴 항목에 이 속성을 설정한다. MFC로 작성한 프로그램에서만 사용할 수 있는 속성으로, 툴바와 상태바에 표시될 문자열을 나타낸다. '\n'을 기준으로 앞쪽 문자열은 상태바에 표시되며 뒤쪽 문자열은 툴팁에 표시된다. 예) 선택 부분을 잘라내어 클립보드에 넣습니다\n잘라내기 Grayed Help Prompt 의미 속성
메뉴 명령 처리 (1/4) 메뉴 명령 처리 과정 ① 명령 항목을 마우스나 키보드로 선택 ② WM_COMMAND 메시지 발생
메뉴 명령 처리 (2/4) MFC의 메뉴 명령 처리 방법 명령 라우팅 각각의 메뉴 항목에 대해 함수를 따로 작성 명령 핸들러(Command Handler) ON_COMMAND(메뉴ID, 함수명) 매크로를 이용하여 메뉴 항목과 함수 연결 명령 라우팅 명령 핸들러를 작성하는 위치에 관계없이 처리
메뉴 명령 처리 (3/4) 속성 창을 이용
메뉴 명령 처리 (4/4) 메뉴 명령 처리 예 BEGIN_MESSAGE_MAP(CChildView,CWnd ) ... ON_COMMAND(ID_COLOR_RED, OnColorRed) ON_COMMAND(ID_COLOR_GREEN, OnColorGreen) ON_COMMAND(ID_COLOR_BLUE, OnColorBlue) END_MESSAGE_MAP() void CChildView::OnColorRed() { m_color = RGB(255, 0, 0); Invalidate(); }
코딩 실습 사각형을 그리고 메뉴를 통해 색 변경 1. Color를 저장할 변수 선언 COLORREF m_color 2. OnPaint에서 brush 설정 CBrush brush(m_color); dc.SelectObject(&brush); 3. 사각형 그리기 4. 메뉴 만들기 5. 메뉴에 핸들러 함수 연결 6. m_color 값 변경
메뉴 항목 갱신 (1/5) 메뉴 항목 갱신 예
메뉴 항목 갱신 (2/5) MFC의 메뉴 항목 갱신 방법 명령 라우팅 각각의 메뉴 항목에 대해 함수를 따로 작성 명령 갱신 핸들러(Command Update Handler) ON_UPDATE_COMMAND_UI(메뉴ID, 함수명) 매크로를 이용하여 메뉴 항목과 함수 연결 명령 라우팅 명령 핸들러와 마찬가지로 명령 갱신 핸들러도 작성하는 위치에 관계없이 처리
메뉴 항목 갱신 (3/5) 속성 창을 이용
메뉴 항목 갱신 (4/5) 메뉴 항목 갱신 예 BEGIN_MESSAGE_MAP(CChildView,CWnd ) ... ON_UPDATE_COMMAND_UI(ID_COLOR_RED, OnUpdateColorRed) ON_UPDATE_COMMAND_UI(ID_COLOR_GREEN, OnUpdateColorGreen) ON_UPDATE_COMMAND_UI(ID_COLOR_BLUE, OnUpdateColorBlue) END_MESSAGE_MAP() void CChildView::OnUpdateColorRed(CCmdUI* pCmdUI) { pCmdUI->SetCheck(m_color == RGB(255, 0, 0)); }
메뉴 항목 갱신 (5/5) CCmdUI 클래스 멤버 함수 멤버 함수 의미 사용 예 Enable( ) 활성화 상태 변경 pCmdUI->Enable(b_DrawMode); SetCheck( ) 체크 상태 변경 pCmdUI->SetCheck(m_color == RGB(255, 0, 0)); SetRadio( ) 라디오 표시 상태 변경 pCmdUI->SetRadio(m_color == RGB(255, 0, 0)); SetText( ) 문자열 변경 pCmdUI->SetText("Light On");
코딩 실습 Update Command UI 실습 1. UpdateCommand 핸들러 연결 2. pCmdUI->SetCheck(…) 구현 if(m_color==RGB(0,0,255)) pCmdUI->SetCheck(true); else pCmdUI->SetCheck(false);
툴바 (1/4) 툴바 MFC 클래스 선택하면 WM_COMMAND 메시지 발생!
툴바 (2/4) 툴바 리소스
툴바 (3/4) 툴바 코드 class CMainFrame : public CFrameWnd { // 생략 ... protected: CStatusBar m_wndStatusBar; CToolBar m_wndToolBar; CChildView m_wndView; }; int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct) if (!m_wndToolBar.CreateEx(this, TBSTYLE_FLAT, WS_CHILD |
툴바 (4/4) 툴바 코드 (cont'd) WS_VISIBLE | CBRS_TOP | CBRS_GRIPPER | CBRS_TOOLTIPS | CBRS_FLYBY | CBRS_SIZE_DYNAMIC) || !m_wndToolBar.LoadToolBar(IDR_MAINFRAME)) { TRACE0("Failed to create toolbar\n"); return -1; } // 생략 ... m_wndToolBar.EnableDocking(CBRS_ALIGN_ANY); EnableDocking(CBRS_ALIGN_ANY); DockControlBar(&m_wndToolBar); return 0;
코딩연습 color menu의 내용을 toolbar와 연결시킨다 ToolBar에 버튼 추가 각 버튼에 ID를 menu의 ID와 똑같이 설정 예) ID_COLOR_RED
코딩연습 Menu에 없는 작업을 toolbar에서 하고 싶다면… 직접 메시지를 만들고 연결 ToolBar에 버튼 추가 MessageMap 추가 ON_COMMAND(…) 함수 정의/선언 추가 afx_msg void OnSelectCircle();
상태바 (1/4) 상태바 MFC 클래스
상태바 (2/4) 상태바 리소스 static UINT indicators[ ] = { ID_SEPARATOR, ID_INDICATOR_CAPS, ID_INDICATOR_NUM, ID_INDICATOR_SCRL, };
상태바 (3/4) 상태바 코드 class CMainFrame : public CFrameWnd { // 생략 ... protected: CStatusBar m_wndStatusBar; CToolBar m_wndToolBar; CChildView m_wndView; };
상태바 (4/4) 상태바 코드 (cont'd) int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct) { // 생략 ... if (!m_wndStatusBar.Create(this) || !m_wndStatusBar.SetIndicators(indicators, sizeof(indicators)/sizeof(UINT))) TRACE0("Failed to create status bar\n"); return -1; }