컴퓨터응용 및 실습 I 1 MDI (Multiple Document Interface)

컴퓨터응용 및 실습 I 2 교육 목표 MDI(Multiple Document Interface) 란 ? ToolBar 컨트롤 StatusBar 컨트롤 ImageList 컨트롤 MDI 예제 프로그램 MDI 예제 프로젝트 목 차목 차

컴퓨터응용 및 실습 I 3 MDI 란 ? (1) SDI(Single Document Interface) 정의  한 번에 하나의 문서만을 가지고 작업할 수 있는 응용프로그램  예 메모장 (Notpad) MDI(Multiple Document Interface) 정의  동시에 여러 개의 문서를 가지고 작업할 수 있는 응용프로그램  예 한글워드, 한글 엑셀

컴퓨터응용 및 실습 I 4 ToolBar 컨트롤 (1) ToolBar 컨트롤 기능  응용프로그램의 메뉴에서 사용자가 자주 사용하는 기능을 버튼으로 만들어 쉽게 액세스할 수 있도록 제공한다. 속성 내 용 AllowCustomize ShowTips Visible Wrappable Align Name Appearance BorderStyle Enabled ImageList 속성 도구 모음의 사용자 정의 지원 여부를 지정 도구 모음의 풍선 도움말 지원 여부를 지정 도구 모음의 표현 여부를 지정 폼의 너비가 좁을 경우 도구 모음의 줄바꿈 지원 여부를 지정 폼에서 도구 모음의 위치 지정 도구 모음의 개체 이름 지정 평면 / 3D 모양 지정 도구 모음의 테두리 모양 지정 도구 모음의 사용 가능 여부를 지정 도구 모음에 사용할 ImageList 개체 지정

컴퓨터응용 및 실습 I 5 ToolBar 컨트롤 (2) Button 속성 내 용 Index Caption Key Value Style ToopTipText Image 속성 도구 모음 버튼을 구별하는 Index 번호 도구 모음 버튼에 나타낼 문자열 지정 도구 모음 버튼을 구별하기 위한 키 문자열 도구 모음 버튼의 누름 여부 지정 도구 모음 버튼의 형태 지정 도구 모음 버튼의 풍선 도움말 지정 도구 모음 버튼에 나타낼 이미지 설정

컴퓨터응용 및 실습 I 6 StatusBar 컨트롤 (1) StatusBar 컨트롤 기능  응용프로그램의 상태를 표시하여 사용자에게 유용한 정보 ( 시스템 날짜 및 시간, 키보드 상태, 문맥정보,...) 를 제공한다  여러 개의 패널 (panel) 로 구성 속성 내 용 ShowTips Style Visible Align Name Enabled SimpleText 속성 패널 풍선 도움말의 표현 여부 지정 StatusBar 형태 지정 StatusBar 표현 여부 지정 폼에서 StatusBar 위치 지정 StatusBar 개체 이름 지정 StatusBar 사용 가능 여부 지정 Style 속성이 “1-sbrSimple” 일 때 StatusBar 에 표현할 문자열

컴퓨터응용 및 실습 I 7 StatusBar 컨트롤 (2) Panel 속성 내 용 Index Texrt ToopTipText Key Alignment Style Bevel AutoSize Enabled Visible 속성 패널 개체를 구별하는 Index 번호 패널의 속성이 “0-sbrText” 일 때 패널에 나타낼 문자열 패널의 풍선 도움말 지정 패널 개체를 구별하는 Key 문자열 패널에 나타난 문자열의 정렬 방식 설정 패널 개체의 형태 설정 패널 개체의 Bevel 형태 설정 패널 개체의 크기 조절 방법 지정 패널 개체의 사용 가능 여부 설정 패널 개체의 표현 가능 여부 설정

컴퓨터응용 및 실습 I 8 ImageList 컨트롤 기능  응용프로그램에서 사용하기 위한 이미지의 저정소 역할을 제공한다 속성 내 용 Index Key 속성 ImageList 개체를 구별하기 위한 Index 번호 ImageList 개체를 구별하기 위한 키 문자열

컴퓨터응용 및 실습 I 9 MDI 예제 프로그램 (1) 1. 더블 클릭 (frmDiary 입력 ) Form Name 지정 : frmDiary MDIChild: True

컴퓨터응용 및 실습 I 10 MDI 예제 프로그램 (2) Control 배치 PictureBox TextBox 2. Control 배치

컴퓨터응용 및 실습 I 11 MDI 예제 프로그램 (3) Control 속성지정 PictureBox TextBox 속 성 Name Picture1 Control picPicture AutoSize False 속 성 Name Text1 Control txtText MultiLine True ScrollBars 2- 수직

컴퓨터응용 및 실습 I 12 MDI 예제 프로그램 (4) Control 배치 및 속성 지정 완료 화면

컴퓨터응용 및 실습 I 13 MDI 예제 프로그램 (5) Code 작성 Form 크기 조정  Form 의 크기에 따라 PictureBox 와 TextBox 의 크기를 조정한다. 3. Code 작성

컴퓨터응용 및 실습 I 14 MDI 예제 프로그램 (6) 모듈 추가 방법  [ 프로젝트 > 폼 추가 ] 명령어를 클릭 5. 클릭 4. 클릭 6. 클릭

컴퓨터응용 및 실습 I 15 MDI 예제 프로그램 (7) 응용프로그램 정보 Form 디자인 7. 추가된 응용 프로그램 정보 Form picIcon lblTitle lblVersion lblDescription lblDisclaimer

컴퓨터응용 및 실습 I 16 MDI 예제 프로그램 (8) Control 속성지정 picIcon Label 속 성 picIcon Control Picture Vb98\Common\Icons\Writing\Book03.ico 속 성 lblDescription lblDisclaimer Control Caption MDI 응용프로그램 실습예제 - 그림 일기장 경고 : 이 컴퓨터 프로그램은 저작권 보호법과 국제 협약에 의해 보호됩니다.

컴퓨터응용 및 실습 I 17 MDI 예제 프로그램 (9) 응용프로그램 정보 Form 속성 완료 화면

컴퓨터응용 및 실습 I 18 MDI 예제 프로그램 (10) MDI Form 추가 방법  [ 프로젝트 > MDI 폼 추가 ] 명령어를 클릭 9. 클릭 8. 클릭 10. 클릭

컴퓨터응용 및 실습 I 19 MDI 예제 프로그램 (11) Microsoft Windows Common Controls 6.0 추가하기 [ 프로젝트 > 구성요소 ] 12. 클릭 11. 클릭 13. 클릭

컴퓨터응용 및 실습 I 20 MDI 예제 프로그램 (12) Microsoft Windows Common Controls 6.0 추가하기 14. 추가된 Microsoft Windows Common Control 6.0

컴퓨터응용 및 실습 I 21 MDI 예제 프로그램 (13) Form 속성 Control 배치 ToolBar ImageList StatusBar 속 성 Name MDIForm1 Control mdiDiary Caption 그림 일기장 WindowState 2- 전체 화면 표시

컴퓨터응용 및 실습 I 22 MDI 예제 프로그램 (14) ImageList 속성 지정 15. 더블클릭 16. 클릭

컴퓨터응용 및 실습 I 23 MDI 예제 프로그램 (15) Image 파일 위치 Common\Graphics\Bitmaps\Tlbr_w 클릭 18. 클릭

컴퓨터응용 및 실습 I 24 MDI 예제 프로그램 (16) 19. “New” 입력 Key 입력

컴퓨터응용 및 실습 I 25 MDI 예제 프로그램 (17) ImageList 속성지정 속 성 ImageList1 Control Name imgListTool 이미지 New.bmp Cut.bmp Copy.bmp Paste.bmp Index Key New Cut Copy Paste

컴퓨터응용 및 실습 I 26 MDI 예제 프로그램 (18) ToolBar 속성 지정 20. 더블클릭 21. imglstTool 선택

컴퓨터응용 및 실습 I 27 MDI 예제 프로그램 (19) 22. 클릭 단추 삽입

컴퓨터응용 및 실습 I 28 MDI 예제 프로그램 (20) 23. 단추 속성 지정 단추 속성 지정  Index  Key  Style  TooTipText  Image

컴퓨터응용 및 실습 I 29 MDI 예제 프로그램 (21) ToolBar 속성지정 속 성 Toolbar1 Control Name tbrTool Image New 0 Cut Copy Paste Index Key New 0 Cut Copy Paste ImageList imglstTool Style 0 - tbrDefault 3 - tbrSeparator 0 - tbrDefault ToopTipText 새 글 잘라내기 복사 붙여넣기

컴퓨터응용 및 실습 I 30 MDI 예제 프로그램 (22) StatusBar 속성 지정 24. 더블클릭 25. “ 패널 탭 ” 선택

컴퓨터응용 및 실습 I 31 MDI 예제 프로그램 (23) 26. 단추 속성 지정 패널 속성 지정  Index  Alignment  Style  AutoSize

컴퓨터응용 및 실습 I 32 MDI 예제 프로그램 (24) StatusBar 속성지정 속 성 Statusbar1 Control Name sbrKeyDate Index Height 300 Alignment 1 - sbrCenter Style 1 - sbrCaps 1 - sbrNum 3 - sbrIns 6 - sbrDate

컴퓨터응용 및 실습 I 33 MDI 예제 프로그램 (25) 메뉴 편집 27. 메뉴 작성

컴퓨터응용 및 실습 I 34 MDI 예제 프로그램 (26) 메뉴 Shotcut 파일 (&F) 새 글 (&N) - 인쇄 (&P) - 종료 (&X) 편집 (&E) 잘라내기 (&T) 복사 (&C) 붙여넣기 (&P) 창 (&W) 도움말 ((&H) &About Caption Name Window List 메뉴 목록 상자 mnuFile mnuNew mnuSeparator1 mnuPrint mnuSeparator2 mnuExit mnuEdit mnuCut mnuCopy mnuPaste mnuWindow mnuHelp mnuAbout Ctrl+X Ctrl+C Ctrl+V  파일 (&F) …. 새 글 (&N) …. - …. 인쇄 (&P) …. - …. 종료 (&X) 편집 (&E) …. 잘라내기 (&T) …. 복사 (&C) …. 붙여넣기 (&P) 창 (&W) 도움말 ((&H) …. &About

컴퓨터응용 및 실습 I 35 MDI 예제 프로그램 (27) Control 배치 및 속성 지정 완료 화면

컴퓨터응용 및 실습 I 36 MDI 예제 프로그램 (28) Code 작성 [ 새글 (N)] 의 Click 이벤트 프로시저  frmDiary 폼의 새로운 개체를 생성하고, Caption 속성 설정 28. Code 작성

컴퓨터응용 및 실습 I 37 MDI 예제 프로그램 (29) Code 작성 [ 인쇄 (P)] 의 Click 이벤트 프로시저  현재 active 상태의 Form 을 인쇄한다. 29. Code 작성

컴퓨터응용 및 실습 I 38 MDI 예제 프로그램 (30) Code 작성 [ 종료 (X)] 의 Click 이벤트 프로시저  현재 Open 된 모든 Form 을 닫는다. 30. Code 작성

컴퓨터응용 및 실습 I 39 MDI 예제 프로그램 (31) Code 작성 [ 복사 (C)] 의 Click 이벤트 프로시저  Clipboard 를 사용하여 복사 31. Code 작성

컴퓨터응용 및 실습 I 40 MDI 예제 프로그램 (32) ClipBoard 메서드 내 용 Clear GetFormat(format) SetText SetData GetText GetData 메서드 클립보드의 데이터 삭제 클립보드의 데이터 종류 파악 Text 데이터를 클립보드로 복사 Graphics 데이터를 클립보드로 복사 클립보드의 Text 데이터 입력 클립보드의 Graphics 데이터 입력

컴퓨터응용 및 실습 I 41 MDI 예제 프로그램 (33) GetFormat 메서드의 인수 설 명설 명 vbCFLink vbCFText vbCFBitmap vbCFMetafile vbCFDIB vbCFPalette 메서드 DDE 대화 정보 Text Bitmap Meta file Device Independent Bitmap Palette 값 &HBF

컴퓨터응용 및 실습 I 42 MDI 예제 프로그램 (34) Code 작성 [ 잘라내기 (T)] 의 Click 이벤트 프로시저  mnuCopy_Click 이벤트 프로시저를 호출하여 데이터를 클립보드에 복사하고, Active form 의 active control 의 내용을 삭제한다. 32. Code 작성

컴퓨터응용 및 실습 I 43 MDI 예제 프로그램 (35) Code 작성 [ 붙여넣기 (P)] 의 Click 이벤트 프로시저  GetFormat 메서드로 클립보드의 데이터 종류를 파악하고, 붙여넣기 한다. 33. Code 작성

컴퓨터응용 및 실습 I 44 MDI 예제 프로그램 (36) Code 작성 [ About ] 의 Click 이벤트 프로시저  frmAbout 폼을 Modal 폼으로 표현 34. Code 작성

컴퓨터응용 및 실습 I 45 MDI 예제 프로그램 (37) Code 작성 [ToolBar 의 버튼 ] Click 이벤트 프로시저  ToolBar 버튼의 개체 속성에 따라 버튼의 기능에 해당하는 메뉴의 Click 이벤트 프로시저를 호출. 35. Code 작성

컴퓨터응용 및 실습 I 46 MDI 예제 프로그램 (38) 시작 개체 지정 mdiDiary 37. mdiDiary 선택 36. 클릭 38. 클릭

컴퓨터응용 및 실습 I 47 MDI 예제 프로그램 (39) 실행 결과 MDI 테스트  File1.dry  File2.dry  File3.dry 39. 실행 결과

컴퓨터응용 및 실습 I 48 MDI 예제 프로그램 (40) 실행 결과 [ 도움말 (H) > About] 실행결과 40. About 실행결과

컴퓨터응용 및 실습 I 49 MDI(Multiple Document Interface) 란 ? ToolBar 컨트롤 StatusBar 컨트롤 ImageList 컨트롤 MDI 예제 프로그램 MDI 예제 프로젝트 정 리정 리