Microsoft PowerPoint - hci2-lecture8.ppt

Transcription

1 표준컨트롤 HCI Programming 2 (321190) 2007 년가을학기 11/12/2007 박경신 Overview FormView 컨트롤 (Control) 의동작원리 표준컨트롤의다양한속성과통지메시지 버튼, 에디트, 체크박스, 라디오버튼, 리스트박스등 MFC 컨트롤클래스를이용하여표준컨트롤을다루는방법 서브클래싱과메시지반사기법 2 Form View FormView Project 생성 CView 를상속받은 SDI 형태의프로그램구조를갖고있으면서도, 컨트롤을사용할수있는형태 CMainFrame 의자식윈도우 CFormView 클래스를상속받아사용자정의폼뷰프로그램을작성 3 // 뷰가화면에보여지기전에호출되는함수, FormView로생성시자동추가 // 컨트롤초기화를위한함수 void CExButtonView::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); /// 컨트롤초기화코드추가부분 4

2 FormView 의리소스 컨트롤 컨트롤 표준화된형태와특성을가진윈도우 사용자에게입력을받거나정보를보여줌 5 6 컨트롤과부모윈도우 컨트롤과부모윈도우 1통지메시지컨트롤 ( 자식윈도우 ) 2 컨트롤메시지 통지메시지 (Notification Message) 대개 WM_COMMAND 메시지를보냄 컨트롤의상태가변화되었음을알림 메모리부족등으로인한오류를알림 컨트롤메시지 (Control Message) 부모윈도우 부모윈도우는컨트롤의상태를알아내거나변경시키기위해사용 ShowWindow() 함수를이용하여컨트롤을보이게하거나숨길수있으며, EnableWindow() 함수를이용하여컨트롤을사용하거나사용하지못하게할수있음 7 MFC 컨트롤클래스 MFC 컨트롤클래스 컨트롤 MFC 클래스 버튼컨트롤 CButton 정적컨트롤 CStatic 편집컨트롤 CEdit 리스트박스컨트롤 CListBox 콤보박스컨트롤 CComboBox 스크롤바컨트롤 CScrollBar 컨트롤버튼 8

3 MFC 클래스계층도 MFC 클래스계층도 버튼컨트롤 버튼컨트롤종류 Push Button, Check Box, Radio Button, Group Box 컨트롤도윈도우다! 라디오버튼그룹 그룹으로묶어야할라디오버튼중첫번째항목에그룹속성부여 9 10 버튼컨트롤 버튼컨트롤 컨트롤생성방법 1. 일반윈도우에서동적버튼컨트롤만들기 2. 대화상자에만들기컨트롤생성 - 첫번째방법 버튼생성함수 CButton::Create() BOOL CButton::Create (LPCTSTR lpszcaption, DWORD dwstyle, const RECT& rect, CWnd* pparentwnd, UINT nid) ; CButton m_button; // C++ 객체생성 m_button.create(" 누르세요 ", WS_CHILD WS_VISIBLE BS_PUSHBUTTON, CRect(100, 100, 200, 130), this, 101); // 푸시버튼생성 lpszcaption - 캡션문자열 dwstyle - 일반윈도우스타일 + 버튼컨트롤스타일 BS_PUSHBUTTON/BS_CHECKBOX/BS_RADIOBUTTON/BS_GR OUPBOX rect - 컨트롤크기와위치 pparentwnd - 부모윈도우 UINT nid - 컨트롤 ID 11 12

4 버튼컨트롤 버튼컨트롤스타일 버튼컨트롤 버튼컨트롤통지메시지 버튼컨트롤스타일 BS_PUSHBUTTON BS_DEFPUSHBUTTON BS_CHECKBOX BS_AUTOCHECKBOX BS_3STATE BS_AUTO3STATE BS_RADIOBUTTON BS_AUTORADIOBUTT ON 의미 푸시버튼 기본푸시버튼 : 대화상자에서사용할때는 Enter 키를누르면이버튼이눌려짐 ( 일반윈도우에서는차이없음 ) 체크박스자동체크박스 : 클릭하면자동으로체크표시가 On/Off 3상태체크박스자동 3상태체크박스 : 클릭하면자동으로체크표시가 On/Grayed/Of 라디오버튼자동라디오버튼 : 클릭하면자동으로선택과선택해제가이뤄짐과선택해제가이루어짐 통지메시지 BN_CLICKED BN_DBLCLK BN_DISABLE BS_DOUBLECLICKED BN_HILITE BN_UNHILITE BN_SETFOCUS BN_KILLFOCUS BN_PAINT 내용버튼을좌측마우스버튼으로클릭했음버튼을좌측마우스버튼으로더블클릭했음버튼이비활성화되었음라디오버튼이나 BS_OWNERDRAW 스타일버튼에서좌측마우스버튼을더블클릭했음사용자가버튼을선택하였을때발생하는메시지사용자가버튼에서다른윈도우로전환되었을때메시지버튼에포커스가주어졌을때메시지버튼에서포커스가사라졌을때메시지버튼이다시그려질때발생하는메시지 BS_GROUPBOX 그룹박스 버튼컨트롤 통지메시지처리하기 메시지핸들러작성 버튼컨트롤예제작성 프로젝트생성 ON_BN_CLICKED(101, OnButtonClicked) // 메시지맵... void CExButtonView::OnButtonClicked() // 메시지핸들러 MessageBox(" 버튼을눌렀습니다."); 컨트롤메시지보내기 멤버함수호출 m_button.setcheck(bst_checked); 15 16

5 버튼컨트롤예제작성 1~6 단계옵션설정 버튼컨트롤예제작성 코드추가 단계변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제한다. 6 Generated Classes 변경사항없음 17 class CExButtonView: public CView DECLARE_DYNCREATE(CExButtonView) protected: CExButtonView(); public: CExButtonDoc* GetDocument(); CButton m_pushbutton; CButton m_checkbox; CButton m_radio1, m_radio2; CButton m_groupbox; 18 버튼컨트롤예제작성 버튼컨트롤예제작성 코드추가 int CExButtonView::OnCreate(LPCREATESTRUCT lpcreatestruct) if (CView::OnCreate(lpCreateStruct) == -1) return -1; m_pushbutton.create( Push Button, WS_CHILD WS_VISIBLE BS_PUSHBUTTON, CRect(20, 20, 150, 50), this, 101); m_checkbox.create( Check Box, WS_CHILD WS_VISIBLE BS_AUTOCHECKBOX, CRect(20, 70, 150, 100), this, 102); m_radio1.create( Radio Button 1, WS_CHILD WS_GROUP BS_AUTORADIOBUTTON, CRect(20, 140, 150, 170), this, 103); m_radio2.create( Radio Button 2, WS_CHILD WS_GROUP BS_AUTORADIOBUTTON, CRect(20, 180, 150, 210), this, 104); 19 코드추가 m_groupbox.create( Group Box, WS_CHILD WS_VISIBLE BS_GROUPBOX, CRect(10, 110, 160, 220), this, 105); m_checkbox.setcheck(bst_checked); m_radio1.setcheck(bst_checked); return 0; BEGIN_MESSAGE_MAP(CExButtonView, CView) ON_COMMAND(ID_FILE_PRINT, &CView::OnFilePrint) ON_COMMAND(ID_FILE_PRINT_DIRECT, &CView::OnFilePrint) ON_COMMAND(ID_FILE_PREVIEW, &CView::OnFilePrintPreview) ON_WM_CREATE() ON_BN_CLICKED(101, OnButtonClicked) END_MESSAGE_MAP() 20

6 버튼컨트롤예제작성 버튼컨트롤예제작성 void CExButtonView::OnButtonClicked() BOOL bcheckbox, bradio1, bradio2; bcheckbox = bradio1 = bradio2 = FALSE; if (m_checkbox.getcheck() == BST_CHECKED) bcheckbox = TRUE; if (m_radio1.getcheck() == BST_CHECKED) bradio1 = TRUE; if (m_radio2.getcheck() == BST_CHECKED) bradio2 = TRUE; Cstring str1, str2, str3; if (bcheckbox) str1 = 체크박스 on ; else str1 = 체크박스 off ; if (bradio1) str2 = 라디오버튼 1 on ; else str2 = 라디오버튼 1 off ; if (bradio2) str3 = 라디오버튼 2 on ; else str3 = 라디오버튼 2 off ; AfxMessageBox(str1 + \n + str2 + \n + str3); 21 실행결과 22 버튼컨트롤 버튼컨트롤 컨트롤생성 - 두번째방법 리소스의대화상자템플릿에컨트롤배치 대화상자가생성될때컨트롤도자동으로생성 컨트롤변수생성 컨트롤자체를나타내는변수 (= 컨트롤변수 ) 를생성하고이를이용하여컨트롤을조작 컨트롤변수생성 // 헤더파일 class CExButtonView : public CFormView... CButton m_button; // 구현파일 void CExButtonView::DoDataExchange(CDataExchange* pdx) CFormView::DoDataExchange(pDX); //AFX_DATA_MAP(CExButtonView) DDX_Control(pDX, IDC_BUTTON1, m_button); //AFX_DATA_MAP 23 24

7 버튼컨트롤예제작성 대화상자에만들기 프로젝트생성 1~6 단계옵션설정 버튼컨트롤예제작성 대화상자에만들기 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 단계 변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제함 6 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 버튼컨트롤예제작성 대화상자에만들기 버튼컨트롤예제작성 대화상자에만들기 ExButton2.rc 에서 Dialog 의 IDD_EXBUTTON2_FORM 을 Toolbox 를이용하여컨트롤을추가 27 각컨트롤의속성 Caption ID Button 1 IDC_BUTTON1 Button 2 IDC_BUTTON1 Check 1 IDC_CHECK1 Check 2 IDC_CHECK2 Radio 1 IDC_RADIO1 Radio 2 IDC_RADIO2 Group Box IDC_STATIC IDC_DATETIMEPICKER1 IDC_MONTHCALENDAR1 기타변경사항 General 탭에서 Group 속성을체크 28

8 버튼컨트롤예제작성 대화상자에만들기 Button1 과 Button2 에 Add Event Handler 추가 버튼컨트롤예제작성 대화상자에만들기 코드추가 // 헤더파일 class CExButton2View: public CFormView DECLARE_DYNCREATE(CExButton2View) protected: CExButton2View(); 29 public: enum IDD = IDD_EXBUTTON2_FORM ; CExButton2Doc* GetDocument() const; CButton m_checkbox1, m_checkbox2; CButton m_radio1, m_radio2; 30 버튼컨트롤예제작성 대화상자에만들기 void CExButton2View::DoDataExchange(CDataExchange* pdx) CFormView::DoDataExchange(pDX); DDX_Control(pDX, IDC_RADIO1, m_radio1); DDX_Control(pDX, IDC_RADIO2, m_radio2); DDX_Control(pDX, IDC_CHECK1, m_checkbox1); DDX_Control(pDX, IDC_CHECK2, m_checkbox2); void CExButton2View::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); m_checkbox1.setcheck(bst_checked); m_radio1.setcheck(bst_checked); void CExButton2View::OnBnClickedButton1() BOOL bcheckbox1, bcheckbox2, bradio1, bradio2; bcheckbox1 = bcheckbox2 = bradio1 = bradio2 = FALSE; if(m_checkbox1.getcheck() == BST_CHECKED) bcheckbox1 = TRUE; if(m_checkbox2.getcheck() == BST_CHECKED) bcheckbox2 = TRUE; if(m_radio1.getcheck() == BST_CHECKED) bradio1 = TRUE; if(m_radio2.getcheck() == BST_CHECKED) bradio2 = TRUE; CString str1, str2, str3, str4; if(bcheckbox1) str1 = " 체크박스이체크 on"; else str1 = " 체크박스이체크 off"; if(bcheckbox2) str2 = " 체크박스가체크 on"; else str2 = " 체크박스가체크 off"; if(bradio1) str3 = " 라디오버튼이선택 on"; else str3 = " 라디오버튼이선택 off"; if(bradio2) str4 = " 라디오버튼가선택 on"; else str4 = " 라디오버튼가선택 off"; MessageBox(str1 + '\n' + str2 + '\n' + str3 + '\n' + str4); 31 32

9 버튼컨트롤예제작성 대화상자에만들기 실행결과 정적컨트롤 정적컨트롤종류 텍스트 프레임 ( 색으로채워지지않은사각형 ), 사각형 ( 색으로채워진사각형 ), 아이콘, 비트맵, 향상된메타파일 (Enhanced Metafile) 정적컨트롤 통지메시지 SS_NOTIFY 스타일을설정하면통지메시지발생 STN_CLICKED( 클릭 ) STN_DBLCLK( 더블클릭 ) STN_DISABLE( 비활성화 ) STN_ENABLE( 활성화 ) 정적컨트롤예제작성 프로젝트생성 1~6단계옵션설정단계변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제함 6 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 35 36

10 정적컨트롤예제작성 Resource View 에서 IDD_EXSTATIC_FORM 대화상자를디자인한다 Bitmap File Bitmap from Resource Metafile Icon 37 정적컨트롤예제작성 각컨트롤의속성 ID Control IDC_STATIC_TEXT Text Control IDC_STATIC_FILE Picture Control IDC_STATIC_RC Picture Control IDC_ENHMETA Picture Control IDC_STATIC_ICON Picture Control IDC_STATIC_PIC Picture Control IDC_STATIC_RECT Picture Control 변경사항 Caption 을정적컨트롤입니다 Type 을 Bitmap 로바꾼후 Center Image 를 True 로설정 Type 을 Bitmap 로바꾼후 Image 를 IDB_BITMAP1 로설정 Type 을 Enhanced Metafile 로바꾼후 Styles 에서 Notify 스타일을 True 로설정 Type 을 Icon 로바꾼후 Image 에서 IDR_EXSTATYPE 선택 변경사항없음 Type을 Rectangle로 Color를 38 Gray로변경 정적컨트롤예제작성 정적컨트롤예제작성 void CExStaticView::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); HANDLE h = ::LoadImage(AfxGetInstanceHandle(), "coffee.bmp", IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE); CStatic* pstatic = (CStatic*)GetDlgItem(IDC_STATIC_FILE); if(h && pstatic) pstatic->setbitmap((hbitmap)h); m_enhmeta.setenhmetafile(::getenhmetafile( Example.emf )); void CExStaticView::OnEnhmeta() MessageBox( 메타파일로그린그림을클릭했습니다 ); 실행결과 39 40

11 편집컨트롤 텍스트를입력받고편집하는기능 편집컨트롤종류 속성대화상자 편집컨트롤 편집컨트롤스타일 편집컨트롤스타일 의미 속성대화상자의항목 ES_AUTOHSCROLL 줄끝에도달하면자동으로수평스크롤 Auto HScroll ES_AUTOVSCROLL 줄끝에도달하면자동으로수직스크롤 Auto VScroll ES_CENTER 텍스트를가운데정렬 Align text: Centered ES_LEFT 텍스트를왼쪽정렬 Align text: Left ES_LOWERCASE 입력된모든문자를소문자로변환 Lowercase ES_MULTILINE 다중라인편집컨트롤임을나타냄 Multiline ES_NOHIDESEL 컨트롤이키보드포커스를잃더라도선 No hide selection 택된텍스트가계속반전된상태로남아있도록함 ES_NUMBER 숫자만입력할수있다. Number 편집컨트롤 편집컨트롤스타일 편집컨트롤스타일 ES_OEMCONVERT ES_PASSWORD ES_READONLY ES_RIGHT ES_UPPERCASE ES_WANTRETURN 의미속성대화상자의항목입력된텍스트가 OEM 문자셋으로변환 OEM convert 되어편집컨트롤내부에저장단일라인편집컨트롤에만사용할수있 Password 으며입력된문자를 * 로표시텍스트를읽기만가능하다. 텍스트를오른쪽정렬한다. 입력된모든문자를대문자로변환한다. 다중라인편집컨트롤에만사용할수있으며이스타일을지정하지않으면대화상자에서 Enter 키를이용한줄바꿈이되지않는다. Ctrl+Enter 키를이용하면이스타일과무관하게줄바꿈을할수있다. Read-only Align text: Right Uppercase Want return 43 편집컨트롤 편집컨트롤통지메시지 통지메시지 EN_CHANGE 의미사용자가컨트롤의내용을변경하면화면에컨트롤을다시그리는데그후에이메시지가발생한다. EN_ERRSPACE 메모리가부족하다. EN_HSCROLL 사용자가편집컨트롤의수평스크롤바를클릭하였다. EN_KILLFOCUS 키보드포커스를잃었다. EN_MAXTEXT 더이상문자를입력할수없다. CEdit::SetLimitText 함수로문자개수를제한한경우나 ES_AUTOHSCROLL, ES_AUTOVSCROLL 등의스타일을지정하지않은상태에서줄끝까지입력한경우에발생한다. EN_SETFOCUS 키보드포커스를얻었다. EN_UPDATE 사용자가컨트롤의내용을변경하면화면에컨트롤을다시그리는데그직전에이메시지가발생한다. EN_VSCROLL 사용자가편집컨트롤의수직스크롤바를클릭하였다. 44

12 편집컨트롤 텍스트를변경하거나입력된텍스트를얻기 m_edit.setwindowtext(" 초기값입니다."); // 편집컨트롤의텍스트변경 CString str; m_edit.getwindowtext(str); // 편집컨트롤에저장된텍스트를얻음 입력가능한문자열의길이를제한하기 편집컨트롤 텍스트선택과치환하기 // 여섯번째문자부터시작해서두개의문자가선택 1 m_edit.setsel(5, 7); // 현재선택된부분을새로운문자열로치환 2 m_edit.replacesel("abc"); 1 을실행하기전 m_edit.setlimittext(10); // 한글을최대다섯글자까지입력가능 각종편집작업 클립보드를이용한편집 m_edit.clear(); // 현재선택된문자열을삭제 m_edit.cut(); // 클립보드에저장 m_edit.copy(); // 클립보드에저장 m_edit.paste(); // 클립보드에저장된내용을붙여넣음 m_edit.undo(); // 이전에실행한것을취소 45 1 을실행한후 2 를실행한후 46 편집컨트롤 편집컨트롤예제작성 편집컨트롤끝부분에새로운문자열을삽입 Int len = m_edit.getwindowtextlength(); m_edit.setsel(len, len); m_edit.replacesel(strnewtext); // 새로추가한문자열 편집컨트롤에멀티라인으로문자넣기 strtext.format( 문자열 1 \r \n 문자열 2 ); // \r\n 를함께기입할것 m_edit.setwindowtext(strtext); 편집컨트롤을사용한양력에서음력으로변환하는예제 1~6 단계옵션설정 단계 변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제함 6 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 47 48

13 편집컨트롤예제작성 편집컨트롤예제작성 Resource View 에서 IDD_EXEDIT_FORM 대화상자를디자인한다 각컨트롤의속성 ID Control 변경사항 IDC_S_YEAR Edit Control IDC_S_MONTH Edit Control IDC_S_DAY Edit Control IDC_L_YEAR Edit Control IDC_L_MONTH Edit Control IDC_L_DAY Edit Control IDC_BUTTON_CONVERT Button Control Icon 을 True 로변경 편집컨트롤예제작성 편집컨트롤예제작성 void CExEditView::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); HANDLE h = ::LoadIcon(AfxGetInstanceHandle(), MAKEINTRESOURCE(IDI_ICON_DOWNARROW)); CButton* piconbutton = (CButton*)GetDlgItem(IDC_BUTTON_CONVERT); if(h && piconbutton) piconbutton->seticon((hicon)h); 51 void CExEditView::DoDataExchange(CDataExchange* pdx) CFormView::DoDataExchange(pDX); DDX_Text(pDX, IDC_S_DAY, m_nsday); DDX_Text(pDX, IDC_S_MONTH, m_nsmonth); DDX_Text(pDX, IDC_S_YEAR, m_nsyear); DDX_Text(pDX, IDC_L_DAY, m_nlday); DDX_Text(pDX, IDC_L_MONTH, m_nlmonth); DDX_Text(pDX, IDC_L_YEAR, m_nlyear); 52

14 편집컨트롤예제작성 편집컨트롤예제작성 CExEditView::CExEditView() : CFormView(CExEditView::IDD) // TODO: add construction code here m_nsday = 1; m_nsmonth = 11; m_nsyear = 2007; m_nlday = 0; m_nlmonth = 0; m_nlyear = 0; void CExEditView::OnBnClickedButtonConvert() // TODO: Add your control notification handler code here UpdateData(TRUE); int nyoun; get_negative(m_nsyear, m_nsmonth, m_nsday, &m_nlyear, &m_nlmonth, &m_nlday, &nyoun); UpdateData(FALSE); 편집컨트롤예제작성 실행결과 리스트박스컨트롤 여러개의문자열을관리 ( 추가, 선택, 삭제등 ) 하는구조 리스트박스컨트롤종류 단일선택리스트박스 다중선택리스트박스 속성대화상자 55 56

15 리스트박스컨트롤 리스트박스컨트롤스타일 리스트박스컨트롤 리스트박스컨트롤스타일 리스트박스컨트롤스타일 LBS_DISABLENOSCR OLL LBS_EXTENDEDSEL LBS_HASSTRINGS 의미속성대화상자항목표시할항목의개수가적은경우에 Disable no scroll 도수직스크롤바가사라지지않는다. SHIFT, CTRL 키와마우스클릭을이용한다중선택이가능하다. LBS_OWNERDRAW* 스타일을지정하지않을경우의디폴트스타일이며컨트롤이문자열을저장및관리한다. Selection: Extended Has strings 리스트박스컨트롤스타일 LBS_MULTIPLESEL LBS_NODATA LBS_NOINTEGRAL HEIGHT 의미 마우스클릭을이용한다중선택이가능하다. 항목데이터를컨트롤이아닌부모윈도우가유지하며필요할때마다부모윈도우가직접그린다. 항목의개수가 1000 개이상일경우에사용한다. 이스타일을지정하지않으면항목의일부가잘려서보이지않는경우가발생할수있다. 속성대화상자항목 Selection: Multiple 없음 No integral height LBS_MULTICOLUMN 여러줄 (Column) 로구성된리스트박스를생성하며항목이많을경우수평스크롤이가능하다. Multi-column LBS_NOREDRAW 항목에변화가생기더라도리스트박스컨트롤을다시그리지않는다. No redraw 리스트박스컨트롤 리스트박스컨트롤스타일 리스트박스컨트롤 리스트박스컨트롤스타일 리스트박스컨트롤스타일 LBS_NOSEL LBS_NOTIFY LBS_OWNERDRA WFIXED LBS_OWNERDRA WVARIABLE 의미 항목을선택할수없다. 사용자가항목을클릭하거나더블클릭하면부모윈도우에게통지메시지를보낸다. 부모윈도우가리스트박스항목을직접그리되항목의높이가일정한경우이다. 부모윈도우가리스트박스항목을직접그리되항목의높이가일정하지않은경우이다. 속성대화상자의항목 Selection: None Notify Owner draw: Fixed Owner draw: Variable 리스트박스컨트롤스타일 LBS_SORT LBS_STANDARD LBS_USETABSTOPS LBS_WANTKEYBO ARDINPUT 의미 항목이문자열인경우정렬하여표시한다. LBS_NOTIFY, LBS_SORT, WS_VSCROLL, WS_BORDER 네가지스타일의조합이다. 이스타일을지정하면항목문자열에포함된탭문자 ('\t') 를제대로처리할수있다. 리스트박스컨트롤이키보드포커스를가진상태에서사용자가키를누르면부모윈도우가이를감지하여특별한처리를할수있다. 속성대화상자의항목 Sort Notify, Sort, Border, Vertical scroll Use tabstops Want key input 59 60

16 리스트박스컨트롤 리스트박스컨트롤통지메시지 통지메시지 의미 LBN_DBLCLK 사용자가항목을더블클릭하였다. LBN_SELCHANGE 사용자가선택을변경하였다. LBN_SELCANCEL 사용자가선택을취소하였다. LBN_SETFOCUS 키보드포커스를얻었다. LBN_KILLFOCUS 키보드포커스를잃었다. LBN_ERRSPACE 메모리가부족하다. LBN_DBLCLK, LBN_SELCHANGE, LBN_SELCANCEL 통지메시지는 LBS_NOTIFY 스타일을설정해야발생 61 리스트박스컨트롤 리스트박스초기화 m_list.resetcontent(); 리스트박스항목추가와삭제 m_list.addstring(" 사과 "); // 문자열항목을끝부분에추가 m_list.deletestring(3); // 네번째항목을삭제 리스트박스항목선택 // 단일선택리스트박스컨트롤인경우 m_list.setcursel(2); // 세번째항목을선택 // 다중선택리스트박스컨트롤인경우 m_list.setsel(2); // 세번째항목을선택 m_list.setsel(3, FALSE); // 네번째항목을선택해제 62 리스트박스컨트롤 리스트박스컨트롤예제작성 리스트박스선택된항목확인 // 단일선택리스트박스컨트롤인경우 int nindex = m_list.getcursel(); if(nindex!= LB_ERR) CString str; m_list.gettext(nindex, str); // 다중선택리스트박스컨트롤인경우 int nindex = m_list.getcaretindex(); if(nindex!= LB_ERR) CString str; m_list.gettext(nindex, str); 버튼, 편집, 리스트박스컨트롤을사용한항목추가, 삭제, 변경하는예제 1~6 단계옵션설정 단계 변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제함 6 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 63 64

17 리스트박스컨트롤예제작성 리스트박스컨트롤예제작성 Resource View 에서 IDD_EXLIST_FORM 대화상자를디자인한다 각컨트롤의속성 ID Control 변경사항 IDC_ELEMENT IDC_LIST IDC_BUTTON_ADD IDC_BUTTON_MODIFY IDC_BUTTON_DEL Edit Control ListBox Control Button Control Button Control Button Control Default Button 을 TRUE IDC_BUTTON_DELALL Button Control 리스트박스컨트롤예제작성 Add Variable Wizard 를이용해서리스트박스컨트롤에대한컨트롤변수 m_ctrllist 를생성한다 리스트박스컨트롤예제작성 Event Handler Wizard 를이용해서컨트롤핸들러를생성한다 OnBnClickedButtonAdd, OnBnClickedButtonModify, OnBnClickedButtonDel, OnBnClickedButtonDelall 리스트박스컨트롤에대한 OnLbnSelchangeList 67 68

18 리스트박스컨트롤예제작성 리스트박스컨트롤예제작성 class CExListBoxDoc : public CDocument public: CString m_str; CStringList m_stringlist; CExListBoxDoc(); virtual ~CExListBoxDoc(); virtual BOOL OnNewDocument(); virtual void Serialize(CArchive& ar); virtual void DeleteContents(); #ifdef _DEBUG virtual void AssertValid() const; virtual void Dump(CDumpContext& dc) const; #endif void CExListBoxDoc::DeleteContents() m_stringlist.removeall(); void CExListBoxDoc::Serialize(CArchive& ar) m_stringlist.serialize(ar); void CExListBoxView::DoDataExchange(CDataExchange* pdx) CFormView::DoDataExchange(pDX); DDX_Control(pDX, IDC_LIST, m_ctrllist); DDX_Text(pDX, IDC_ELEMENT, m_strelement); ; 리스트박스컨트롤예제작성 리스트박스컨트롤예제작성 void CExListBoxView::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); m_ctrllist.resetcontent(); // 모든 CStringList의값을리스트박스에추가 CStringList& stringlist = GetDocument()->m_stringList; POSITION pos = stringlist.getheadposition(); while (pos!= NULL) CString str = stringlist.getnext(pos); m_ctrllist.addstring(str); 71 void CExListBoxView::OnBnClickedButtonAdd() // TODO: Add your control notification handler code here if (UpdateData()!= TRUE) return; // CStringList 에새로운 string 추가 GetDocument()->m_stringList.AddTail(m_strElement); // 리스트박스에새로운 string 추가 m_ctrllist.addstring(m_strelement); 72

19 리스트박스컨트롤예제작성 리스트박스컨트롤예제작성 실행결과 void CExListBoxView::OnLbnSelchangeList() // TODO: Add your control notification handler code here // 편집컨트롤을 Update 해서 // 리스트박스에새로운 selection 이추가된것을변경 m_ctrllist.gettext(m_ctrllist.getcursel(), m_strelement); UpdateData(FALSE); 콤보박스컨트롤 여러개의문자열을관리하는구조로화살표버튼을누르면리스트를보여선택가능한구조 콤보박스컨트롤종류편집컨트롤정적컨트롤 콤보박스컨트롤 속성대화상자 리스트박스컨트롤 단순스타일 드랍다운스타일 드랍다운리스트스타일 75 76

20 콤보박스컨트롤 콤보박스컨트롤스타일 콤보박스컨트롤스타일 CBS_AUTOHSCROLL CBS_DISABLENOSCROLL CBS_DROPDOWN CBS_DROPDOWNLIST CBS_HASSTRINGS CBS_LOWERCASE CBS_NOINTEGRALHEIGHT CBS_OEMCONVERT CBS_OWNERDRAWFIXED CBS_OWNERDRAWVARIABLE CBS_SIMPLE CBS_SORT CBS_UPPERCASE 의미 = ES_AUTOHSCROLL = LBS_DISABLENOSCROLL 드랍다운스타일드랍다운리스트스타일 = LBS_HASSTRINGS = ES_LOWERCASE = LBS_NOINTEGRALHEIGH = ES_OEMCONVERT T = LBS_OWNERDRAWFIXED = LBS_OWNERDRAWVARIA 단순스타일 BLE = LBS_SORT = ES_UPPERCASE 속성대화상자의항목 Auto HScroll Disable no scroll Type: Dropdown Type: Drop List Has strings Lowercase No integral height OEM convert Owner draw: Fixed Owner draw: Variable Type: Simple Sort Uppercase 77 콤보박스컨트롤 콤보박스컨트롤통지메시지 통지메시지 CBN_CLOSEUP CBN_DBLCLK CBN_DROPDOWN CBN_EDITCHANGE CBN_EDITUPDATE CBN_ERRSPACE CBN_KILLFOCUS CBN_SELCHANGE CBN_SELENDCANCEL CBN_SELENDOK CBN_SETFOCUS 의미 리스트박스가닫혔다. 사용자가항목을더블클릭하였다. 리스트박스가열리기직전이다. = EN_EDITCHANGE = EN_EDITUPDATE 메모리가부족하다. 키보드포커스를잃었다. = LBN_SELCHANGE = LBN_SELENDCANCEL 사용자가항목을선택하였다. 키보드포커스를얻었다. 스타일단순드랍드랍다운다운리스트 78 콤보박스컨트롤 콤보박스항목추가와삭제 콤보박스컨트롤 입력가능한문자열의길이제한하기 m_combo.addstring(" 사과 "); m_combo.deletestring(3); 선택된항목얻기 int nindex = m_combo.getcursel(); if(nindex!= CB_ERR) CString str; m_combo.getlbtext(nindex, str); m_combo.limittext(10); 각종편집작업 m_combo.clear(); m_combo.cut(); m_combo.copy(); m_combo.paste(); 79 80

21 스크롤바컨트롤 화면의일정영역을스크롤하거나정해진범위의값을변경시키는용도로사용 스크롤바코드 스크롤바컨트롤 WM_HSCROLL/WM_VSCROLL 메시지핸들러 void OnHScroll (UINT nsbcode, UINT npos, CScrollBar* pscrollbar); void OnVScroll (UINT nsbcode, UINT npos, CScrollBar* pscrollbar); nsbcode npos 스크롤바코드 스크롤박스의위치 스크롤바코드가 SB_THUMBPOSITION 또는 SB_THUMBTRACK인경우에만사용 pscrollbar 스크롤바컨트롤을가리키는포인터 스크롤바컨트롤 스크롤바컨트롤예제작성 주요함수멤버함수 SetScrollRange() SetScrollPos() GetScrollPos() 역할 스크롤박스위치값의최소값과최대값을설정한다. 스크롤박스의현재위치를설정한다. 스크롤박스의현재위치를얻는다. 스크롤바컨트롤을사용하여 OnDraw 의 MFC 글씨의회전각도와색을변경하는예제 1~6 단계옵션설정 단계 변경사항 1 'Single document' 를선택한다. 2 Compound Document Support 변경사항없음 3 DB 변경사항없음 4 UI 변경사항없음 5 Advanced Features 'ActiveX Controls' 선택을해제함 6 Generated Classes 에서뷰클래스의베이스클래스로 CFormView 를선택함 83 84

22 스크롤바컨트롤예제작성 스크롤바컨트롤예제작성 Resource View 에서 IDD_EXSCROLLBAR_FORM 대화상자를디자인한다 m_scrollbar1 m_scrollbar2 m_scrollbar3 m_scrollbar4 85 void CExScrollBarView::OnInitialUpdate() CFormView::OnInitialUpdate(); GetParentFrame()->RecalcLayout(); ResizeParentToFit(); // 스크롤바의범위와박스위치설정 m_scrollbar1.setscrollrange(0, 360, FALSE); m_scrollbar1.setscrollpos(0); m_scrollbar2.setscrollrange(0, 255, FALSE); m_scrollbar2.setscrollpos(0); m_scrollbar3.setscrollrange(0, 255, FALSE); m_scrollbar3.setscrollpos(0); m_scrollbar4.setscrollrange(0, 255, FALSE); m_scrollbar4.setscrollpos(0); 86 void CExScrollBarView::OnDraw(CDC* pdc) LOGFONT lf; ::ZeroMemory(&lf, sizeof(lf)); // 폰트구조체초기화 lf.lfheight = 300; lf.lfescapement = 10 * m_scrollbar1.getscrollpos(); // 회전각설정 lf.lforientation = 10 * m_scrollbar1.getscrollpos(); // 회전각설정 ::lstrcpy(lf.lffacename, "Arial"); CFont font; font.createpointfontindirect(&lf); // 지정된폰트생성 pdc->selectobject(&font); // 스크롤바로선택된값으로텍스트색상설정 pdc->settextcolor(rgb(m_scrollbar2.getscrollpos(), m_scrollbar3.getscrollpos(), m_scrollbar4.getscrollpos())); pdc->textout(200, 220, "MFC"); 87 void CExScrollBarView::OnHScroll(UINT nsbcode, UINT npos, CScrollBar* pscrollbar) int nscrollpos=0; if(pscrollbar->getsafehwnd() == m_scrollbar1.getsafehwnd()) switch(nsbcode) case SB_LINELEFT: // 스크롤바코드가왼쪽화살표 nscrollpos = pscrollbar->getscrollpos(); if(nscrollpos > 0) pscrollbar->setscrollpos(--nscrollpos); SetDlgItemInt(IDC_EDIT1, nscrollpos); Invalidate(); break; case SB_LINERIGHT: // 스크롤바코드가오른쪽화살표 nscrollpos = pscrollbar->getscrollpos(); if(nscrollpos < pscrollbar->getscrolllimit()) pscrollbar->setscrollpos(++nscrollpos); SetDlgItemInt(IDC_EDIT1, nscrollpos); Invalidate(); break; case SB_THUMBTRACK: pscrollbar->setscrollpos(npos); SetDlgItemInt(IDC_EDIT1, npos); Invalidate(); break; // 스크롤바코드가스크롤박스 88

23 else if(pscrollbar->getsafehwnd() == m_scrollbar2.getsafehwnd()) switch(nsbcode) case SB_THUMBTRACK: pscrollbar->setscrollpos(npos); SetDlgItemInt(IDC_EDIT2, npos); Invalidate(); break; else if(pscrollbar->getsafehwnd() == m_scrollbar3.getsafehwnd()) switch(nsbcode) case SB_THUMBTRACK: pscrollbar->setscrollpos(npos); SetDlgItemInt(IDC_EDIT3, npos); Invalidate(); break; else if(pscrollbar->getsafehwnd() == m_scrollbar4.getsafehwnd()) switch(nsbcode) case SB_THUMBTRACK: pscrollbar->setscrollpos(npos); SetDlgItemInt(IDC_EDIT4, npos); Invalidate(); break; CFormView::OnHScroll(nSBCode, npos, pscrollbar); 89 스크롤바컨트롤예제작성 실행결과 90 고급컨트롤기법 서브클래싱 서브클래싱 기존의윈도우나컨트롤의형태또는동작변경 메시지반사 스스로통지메시지를처리하는독립적인컨트롤클래스제작가능 서브클래싱 윈도우 ( 정확하게는윈도우프로시저 ) 로가는메시지를중간에서붙잡아처리하는기법 메시지종류에따라, 처리한후원래의윈도우프로시저에게전달해주거나전달하지않을수있음 메시지 중간에서처리 윈도우프로시저 91 92

24 서브클래싱 메시지반사 서브클래싱구현순서 1. 기존의클래스를기반으로새로운윈도우나컨트롤클래스를생성 2. 메시지핸들러를재정의하거나새로운메시지핸들러를추가하여정의 3. CWnd::SubclassWindow() 또는 CWnd::SubclassDlgItem() 함수를호출 메시지반사 부모윈도우가처리하지않는통지메시지를컨트롤자신이처리통지메시지 컨트롤 ( 자식윈도우 ) 부모윈도우 부모윈도우가통지메시지를처리하지않을경우에만컨트롤이자신의통지메시지를처리가능 메시지반사 메시지반사구현 기존의컨트롤클래스로부터새로운클래스를만들고자신의통지메시지를처리하도록함수를추가 새로만든클래스를이용하여컨트롤생성 95