6.4/5/6 상태표시줄 등 6.4 상태표시줄 사용하기 6.5 진행표시바 사용하기 6.6 슬라이더 사용하기

Presentation on theme: "6.4/5/6 상태표시줄 등 6.4 상태표시줄 사용하기 6.5 진행표시바 사용하기 6.6 슬라이더 사용하기"— Presentation transcript:

1 6.4/5/6 상태표시줄 등 6.4 상태표시줄 사용하기 6.5 진행표시바 사용하기 6.6 슬라이더 사용하기
6.7 탭 스트립 컨트롤 사용하기 6.8 탭 컨트롤 사용하기

2 Windows Common Controls 6.0
Microsoft Windows Common Controls 6.0(SP4) 9개의 컨트롤이 추가됨. 탭 스트립(tapstrip) 툴바(toolbar) 상태표시줄(status bar) 진행표시줄(progress bar) 트리 보기(tree view) 리스트 보기(list view) 이미지 리스트(image list) 슬라이더(slider) 이미지 콤보(image combo) 수원과학대 컴퓨터정보과

3 윈도우즈 커먼 컨트롤 설명 툴바(ToolBar) 이미지 리스트(Image List) 탭스트립(TabStrip)
동일한 크기의 여러 개의 버튼을 묶어서 관리함으로써 사용자의 사용을 편리하게 해주는 컨트롤 이미지 리스트(Image List) 여러 개의 이미지를 사용할 수 있도록 담아두는 컨트롤 탭스트립(TabStrip) 서류철과 같은 형태로 여러 페이지를 만들어 많은 정보를 필요한 부분만을 보여줄 수 있는 컨트롤 상태바(StatusBar) 일반적으로 폼의 아래 부분에 시간, 날짜 등 참고할 만한 다양한 정보를 보여주며, Panels개체를 이용하여 패널을 만들 수 있음. 프로그래스바(ProgressBar) 진행상태를 막대 그래프 형태로 보여주는 시각적인 컨트롤. 범위는 Min, Max속성으로 설정하고 Value속성은 현재 위치를 나타냄 슬라이더(Slider) 스크롤바와 비슷하게 시작적으로 현재 위치를 나타낼 수 있다. 범위는 Min, Max속성으로 설정하고 Value속성은 현재 위치를 나타냄. 트리뷰(Tree view) 각각이 이미지와 문자열으로 이루어진 Node 개체의 계층적인 트리 구조 리스트뷰(List view) 표준 아이콘, 작은 아이콘, 목록, 보고서 형태로 항목을 나타냄. 이미지 콤보(Image Combo) 콤보박스에 이미지와 문자열을 함께 넣을 수 있는 컨트롤. 수원과학대 컴퓨터정보과

4 6.4 상태표시줄 사용하기(p226) ( ) 이란? ( )이란?
( ) 이란? 일반적으로 폼의 아래 부분에 시간, 날짜 등 참고할 만한 다양한 정보를 보여주는 줄 정보를 보여줄 수 있는 패널(Panel)개체의 최대 수는 16개 ( )이란? 상태 바 컨트롤 안에서 구분을 하기 위한 작은 단위 그 안에 선택(문자열, 시간, 날짜 등)하여 넣음. 패널의 베벨모양은 Bevel개체를 이용하여 3가지 종류로 만들 수 있다 베벨이란 : 오목/볼록/그냥 수원과학대 컴퓨터정보과

5 상태표시줄 사용하기 화면 구성 패널삽입 3회 클릭 수원과학대 컴퓨터정보과

6 상태표시줄 객체의 주요 속성 속성명 기능 속성값 Alignment 문자열 정렬 방식 지정 0-sbrLeft : 왼쪽 정렬
1-sbrCenter : 중앙 정렬 2-sbrRight : 오른쪽 정렬 Style 패널의 종류 지정 0-sbrText : 문자나 그림 표시 1-sbrCaps : Caps Lock 키의 상태 표시 2-sbrNum : Num Lock키의 상태표시 3-sbrIns : Ins 키의 상태 표시 4-sbrScrl : Scrl Lock키의 상태를 “SCRL”로 표시 5-sbrTime : 현재 시간 표시 6-sbrDate : 현재 날짜 표시 7-sbrKana : Scroll Lock키의 상태를 “KANA”로 표시 Bevel 패널의 모양 0-sbrNoBevel : 평면 표시 1-sbrInset : 안쪽으로 들어감 2-sbrRaised : 밖으로 올라옴 Autosize 패널의 크기 조절 지정 0-sbr( ) : 패널 크기 고정 1-sbr( ) : 패널 사이를 공간으로 구분하여 조정 2-sbr( ) : 문자열에 맞추어 자동 조절 수원과학대 컴퓨터정보과

7 상태표시줄 사용하기 패널 삽입후 정보 수정 인덱스(Index)값을 조정후 각각 설정 1번 패널 2번 패널 3번 패널 4번 패널
Alignment 0-sbrLeft Style 0-sbrText 3-sbrIns 1-sbrCaps 5-sbrTime Bevel 1-sbrInset 0-sbrNoBevel 2-sbrRaizes Autosize 2-sbrContents 0-sbrNoAutosize 1-sbrSpring 수원과학대 컴퓨터정보과

8 코딩하기 (p229) 폼을 더블클릭해서 코딩창을 띄우고 Form의 Click 이벤트와 DblClick 이벤트를 선택하여 코딩
수원과학대 컴퓨터정보과

9 6장3에 상태표시줄 추가 텍스트파일/그림파일을 열었을때 패널1에 파일 경로가 표시되게 코딩 2018-09-22
수원과학대 컴퓨터정보과

10 코딩 Command1_Click()과 Command1_1_Click() 에 다음 소스 삽입
StatusBar1.Panels(1).Text = ComDlg.FileName 수원과학대 컴퓨터정보과

11 추가기능 폼의 크기를 변경시 RTBox의 크기 변경 Form의 Width와 ScaleWidth
Width / Height : 폼전체 넓이/높이 ScaleWidth / ScaleHeight : 컨트롤 표시공간의 넓이/높이 Private Sub Form_Resize() RTBox.Width = Form1.ScaleWidth RTBox.Height = Form1.ScaleHeight - Toolbar1.Height - StatusBar1.Height End Sub 수원과학대 컴퓨터정보과

12 6.8 탭 컨트롤 (p238) ( )(Tab Strip Control) ( )(Tabbed Dialog Control)
Microsoft Windows Common Controls 서로 관련 있는 항목을 묶어서 표현 모든 탭에서 ( )를 사용하고자 할 경우 ( )(Tabbed Dialog Control) Microsoft Windows Common Controls아님 Microsoft Tabbed Dialog Control ( )들을 사용하고자 할 경우 사용 수원과학대 컴퓨터정보과

13 버튼 추가 종료하기버튼 앞에 탭컨트롤 버튼 추가 Form2를 생성하고 다음 페이지 화면처럼 구성한다.
Form2.Show 메소드 사용 수원과학대 컴퓨터정보과

14 탭 컨트롤 사용하기 구성 요소 : Microsoft Tabbed Dialog Control 추가 2018-09-22
수원과학대 컴퓨터정보과

15 탭컨트롤의 주요 속성 TabCount : 탭의 전체 개수 TabsPerRow : 한줄에 출력할 탭의 수
값을 높이면 탭이 추가되고 값을 낮추면 탭에 삭제된다. (탭에 어떤 컨트롤도 없는 경우 삭제됨) TabsPerRow : 한줄에 출력할 탭의 수 TabCaption : 탭의 출력 문자열 TabOrientation : 탭의 출력 위치 MousePointer : 마우스 포인터 모양 수원과학대 컴퓨터정보과

16 탭컨트롤의 주요 속성 MousePointer 2018-09-22 수원과학대 컴퓨터정보과 0,1,4 14 13 11 2 3 12
7 9 8 6 5, 15 10 MousePointer 수원과학대 컴퓨터정보과

17 6.5 진행표시바(p230) 진행 표시바 탭을 누른 상태에서 다음 컨트롤들을 삽입 ① Label만들기 : Caption없애고
Alignment를 가운데맞춤 ② 진행 표시바 만들기 ③ Label만들기 : Caption없애고 Alignment를 가운데맞춤 ④ 커맨드버튼 두개 : Caption수정 ⑤ 타이머 삽입 Enabled : False로 수원과학대 컴퓨터정보과

18 6.5 진행표시바 ProgressBar 주요 속성 ( ) : 진행표시바의 최소값 ( ): 진행표시바의 최대값
( ) : 진행표시바의 최소값 ( ): 진행표시바의 최대값 ( ): 현대 선택된 진행표시바의 값 최소값 ~ Value만큼 진행표시막대가 차오른다. 수원과학대 컴퓨터정보과

19 코딩 폼을 더블클릭하여 코딩 수원과학대 컴퓨터정보과

20 코딩 타이머를 더블 클릭하여 코딩 수원과학대 컴퓨터정보과

21 코딩 복사시작/복사중지를 더블클릭하여 코딩 수원과학대 컴퓨터정보과

22 6.6 슬라이더 (p233) 두번째 “슬라이더”탭을 선택후 다음 컨트롤들을 삽입 1. 프레임삽입: caption
2. 슬라이더 3개 삽입 Max = 255 Min = 0 SmallChange = 10 LargeChange = 50 TickFrequency = 20 3. 프레임삽입: caption 4. 슬라이더 1개 삽입 Max = 40 Min = 10 5. 텍스트 박스 삽입 : Multiline True로 6. 커맨드버튼 삽입 수원과학대 컴퓨터정보과

23 6.6 슬라이더 Slider의 주요 속성 Min : 최소값 Max : 최대값 Value : 선택된 현재 값
LargeChange : 슬라이더 안쪽 클릭시 변화 SmallChange : 키보드 화살표 클릭시 변화 TickFrequency : 눈금 표시 정도 ( ) : 풍선도움말 (Value 표시) 수원과학대 컴퓨터정보과

24 코딩 다시 쓰기 버튼 더블 클릭 수원과학대 컴퓨터정보과

25 코딩 슬라이더 3개 코딩 Slider를 배열로 만들 경우? Text1.ForeColor = RGB(Slider1.Value, Slider2.Value, Slider3.Value) 수원과학대 컴퓨터정보과

26 코딩 크기 슬라이더 코딩 수원과학대 컴퓨터정보과

27 6.7 탭 스트립 (p235) “탭스트립” 탭을 누른후 다음의 컨트롤 삽입 1 caption key tooltipindex
인사 insa 대표인사 2 연혁 history 회사연혁 3 제품 product 제품소개 4 주문 order 제품주문 수원과학대 컴퓨터정보과

28 탭스트립의 주요 속성 TabStrip.( ) 속성 TabStrip 속성 Index : 탭의 번호 (1부터 시작)
Caption : 출력 문자열 ( ) : 탭의 키값 ToolTipText : 풍선도움말 TabStrip 속성 MultiRow : 여러줄로 탭을 출력할것인가 ShowTips : 풍선도움말을 보여줄것인가 Enabled : 사용가능 / 사용불가능 설정 MousePointer : 마우스포인터 모양설정 Style : 탭의 모양 (탭/버튼) 수원과학대 컴퓨터정보과

29 코딩 탭스트립을 더블클릭하여 코딩 수원과학대 컴퓨터정보과

30 탭 컨트롤의 클릭 이벤트 탭 컨트롤을 더블클릭 상태표시줄에 현재 클릭한 탭의 텍스트 출력
StatusBar1.Panels(1).Text = SSTab1.Caption 수원과학대 컴퓨터정보과

31 탭 스트립 컨트롤의 클릭 이벤트 탭 스트립 더블클릭해서 수정 상태표시줄에 각 탭을 클릭시 다음처럼 출력되게 해본다.
탭스트립 – 인사 탭스트립 – 연혁 탭스트립 – 제품 탭스트립 - 주문 수원과학대 컴퓨터정보과

32 탭 스트립 컨트롤의 클릭 이벤트 수원과학대 컴퓨터정보과