chap 8. 공용 컨트롤

63
한한한한한한 - 1 - IT COOKBOOK ehanbit.net Chap 8. Chap 8. 공공 공공공 공공 공공공

Upload: elmo-conrad

Post on 03-Jan-2016

43 views

Category:

Documents


0 download

DESCRIPTION

Chap 8. 공용 컨트롤. 01. 공용 컨트롤 사용하기 02. 공용 컨트롤 항목. 공용 컨트롤 사용하기. 공용 컨트롤 특징 공용 대화상자 (Common Dialog) 컨트롤처럼 사용 빈도가 높은 컨트롤을 윈도우에서 제공하는데 이를 공용 컨트롤 (Common Control) 이라 한다 . 비주얼 베이직 6.0 에서는 3 개의 공용 컨트롤 지원 공용 컨트롤도 도구상자에 추가해야 한다. 도구상자에 추가된 공용 컨트롤. 공용 컨트롤 항목들. [ 실습하기 ] 탭 페이지에 컨트롤 추가하기. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Chap 8.  공용 컨트롤

한빛미디어㈜

- 1 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Chap 8. Chap 8. 공용 컨트롤공용 컨트롤

Page 2: Chap 8.  공용 컨트롤

한빛미디어㈜

- 2 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

01. 01. 공용 컨트롤 사용하기 공용 컨트롤 사용하기 02. 02. 공용 컨트롤 항목 공용 컨트롤 항목

Page 3: Chap 8.  공용 컨트롤

한빛미디어㈜

- 3 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

공용 컨트롤 사용하기공용 컨트롤 사용하기

공용 컨트롤공용 컨트롤 특징

공용 대화상자 (Common Dialog) 컨트롤처럼 사용 빈도가 높은 컨트롤을 윈도우에서 제공하는데 이를 공용 컨트롤(Common Control) 이라 한다 .비주얼 베이직 6.0 에서는 3 개의 공용 컨트롤 지원공용 컨트롤도 도구상자에 추가해야 한다 .

도구상자에 추가된 공용 컨트롤

Page 4: Chap 8.  공용 컨트롤

한빛미디어㈜

- 4 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

공용 컨트롤 항목들

Page 5: Chap 8.  공용 컨트롤

한빛미디어㈜

- 5 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 탭 페이지에 컨트롤 추가하기탭 페이지에 컨트롤 추가하기도구상자에 추가된 컨트롤을 분류하기 위해 새로운 탭 페이지를 추가하여 그 안에 컨트롤을 추가할 수 있다 .

도구 상자에서 마우스 오른쪽 버튼을 눌러 바로가기 메뉴에서 ‘탭 추가’ 항목 선택

‘ 새 탭 이름’ 대화상자에 새로운 탭 이름을 입력

‘ 공용 컨트롤’ 항목이 추가되었는지 확인

Page 6: Chap 8.  공용 컨트롤

한빛미디어㈜

- 6 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

01. 01. 공용 컨트롤 사용하기공용 컨트롤 사용하기 02. 02. 공용 컨트롤 항목 공용 컨트롤 항목

Page 7: Chap 8.  공용 컨트롤

한빛미디어㈜

- 7 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

슬라이더 컨트롤슬라이더 컨트롤

슬라이더슬라이더 (Slider) (Slider) 컨트롤 컨트롤 특징

스크롤바 컨트롤과 비슷하게 시각적으로 현재 위치를 나타낼 때 사용MouseDown 이나 MouseUp 과 같은 이벤트를 이용하여 값 범위 선택 가능

용도 그래프에서 점의 값을 설정 . 배열에 전달될 숫자의 범위 선택 . 폼 , 필드나 그 외의 그래픽 개체의 크기 조정 .

슬라이더의 속성들 슬라이더의 속성들

Page 8: Chap 8.  공용 컨트롤

한빛미디어㈜

- 8 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

주요 속성

Page 9: Chap 8.  공용 컨트롤

한빛미디어㈜

- 9 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

TickStyle 속성과 TickFrequency 속성 TickStyle 속성

슬라이더 컨트롤의 눈금 위치 결정

TickFrequency 속성눈금 수를 조정하는 컨트롤

TickFrequency 속성과 Min 속성 , Max 속성을 함께 사용해서 컨트롤에 몇 개의 눈금이 나타나도록 할 것인지를 설정

Page 10: Chap 8.  공용 컨트롤

한빛미디어㈜

- 10 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

디자인 모드에서 설정하는 경우[ 보기 ]->[ 속성 페이지 ] 메뉴 이용

Min 속성이 0 이고 Max 속성은 20 으로 , TickFrequency 속성은 5 로 설정되어 있으면 값이 5 씩 증가할 때마다 눈금이 하나씩 표시되므로 모두 4 개의 눈금이 표시됨

Page 11: Chap 8.  공용 컨트롤

한빛미디어㈜

- 11 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

SmallChange 속성과 LargeChange 속성사용자가 마우스를 누를 때에 슬라이더 컨트롤의 증가 정도나 감소 정도를 결정 SmallChange 속성

< 왼쪽 화살표 (←)> 나 < 오른쪽 화살표 (→)> 키를 눌렀을 때에 이동하는 눈금 수 지정

LargeChange 속성사용자가 컨트롤을 누르거나 <PgUp> 키 또는 <PgDn> 키를 눌렀을 때에 이동하는 눈금 수 지정

범위 설정SelectRange 속성이 True 로 설정되어 있으면 슬라이더 컨트롤에 범위가 표시됨

Page 12: Chap 8.  공용 컨트롤

한빛미디어㈜

- 12 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 도형 색 칠하기도형 색 칠하기

Page 13: Chap 8.  공용 컨트롤

한빛미디어㈜

- 13 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 도형 색 칠하기도형 색 칠하기Private Sub sldBlue_Scroll() Shape1.BackColor = RGB(sldRed.Value, sldGreen.Value, sldBlue.Value) End Sub

Private Sub sldGreen_Scroll() Shape1.BackColor = RGB(sldRed.Value, sldGreen.Value, sldBlue.Value) End Sub

Private Sub sldRed_Scroll() Shape1.BackColor = RGB(sldRed.Value, sldGreen.Value, sldBlue.Value) End Sub

Page 14: Chap 8.  공용 컨트롤

한빛미디어㈜

- 14 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

프로그레스 바 컨트롤프로그레스 바 컨트롤

프로그레스 바 컨트롤프로그레스 바 컨트롤 특징

작업 진행 과정을 막대 그래프 형식으로 표현 .컨트롤은 작업이 발생할 때 채워지는 프레임으로 구성

용도 네트워크를 통해 파일을 전송할 때 사용자에게 진행 과정 표시 . 수 초 이상이 소요되는 작업의 처리 상태 표시 .

채워지는 모양 Scrolling 속성 이용

Page 15: Chap 8.  공용 컨트롤

한빛미디어㈜

- 15 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

주요 속성

Page 16: Chap 8.  공용 컨트롤

한빛미디어㈜

- 16 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 작업 상태 표시하기작업 상태 표시하기

1 초에 한번씩 진행 상태를 문자열과 프로그레스 바로 표시 폼에 컨트롤 추가하기

각 컨트롤의 속성 설정

Page 17: Chap 8.  공용 컨트롤

한빛미디어㈜

- 17 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

시작 버튼을 누르 전에는 타이머가 작동하지 않도록 Form_Load 이벤트 핸들러 작성

Dim Time_Count As Integer

Private Sub Form_Load()     Timer1.Enabled = False     Time_Count = 0 End Sub

시작 버튼을 누르면 타이머 이벤트가 발생하도록 cmdDisp 이벤트 핸들러 작성

Private Sub cmdDisp_Click() Timer1.Enabled = True End Sub

Private Sub Timer1_Timer() Time_Count = Time_Count + 1 lblDisp.Caption = Time_Count & "% 진행되었습니다 ." ProgressBar1.Value = Time_Count If Count = 100 Then Timer1.Enabled = False End If End Sub

타이머 이벤트 핸들러 작성

Page 18: Chap 8.  공용 컨트롤

한빛미디어㈜

- 18 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

상태 바 컨트롤상태 바 컨트롤

상태 바상태 바 (status Bar) (status Bar) 컨트롤컨트롤 특징

상위 폼의 아래 부분에 시간 , 날짜 등을 표시하는 컨트롤최대 16 개의 패널 (Panel) 개체 표시 가능각 패널에 텍스트 또는 그림 포함 가능Style 속성을 이용하여 날짜 , 시간 , 키보드 상태 등의 공통 데이터 표시 가능

주요 속성

Page 19: Chap 8.  공용 컨트롤

한빛미디어㈜

- 19 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Style 속성에 따른 패널 모양

style = 0-sbrNormal

style = 1-sbrSimple

Page 20: Chap 8.  공용 컨트롤

한빛미디어㈜

- 20 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

패널 개체의 속성 패널 개체의 속성

Page 21: Chap 8.  공용 컨트롤

한빛미디어㈜

- 21 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 패널 만들기패널 만들기 폼에 컨트롤 추가하기 [ 보기 ]->[ 속성 페이지 ] 메뉴 선택

[ 패널 ] 탭 선택패널 순서 설정

툴 팁 설정

패널 종류 설정

패널 모양 설정

프로그램 실행 후

Page 22: Chap 8.  공용 컨트롤

한빛미디어㈜

- 22 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Panels 개체 사용하기특징

Panels 개체를 사용하여 패널을 추가 / 삭제 등 가능 Add 메서드를 사용하여 패널 추가 Remove 메서드를 사용하여 삭제 Clear 메서드를 사용하면 전체 패널을 삭제구문 형식

패널 추가 방법Add 메서드를 사용할 때 구성 요소에 값을 넣기

StatusBar1.Panels.Add , , , sbrDate

Add 메서드로 패널을 추가한 후 Item 개체의 Style 속성 사용 StatusBar1.Panels.Add StatusBar1.Item.Style=sbrDate

Add( 인덱스 , 키 , 텍스트 , 스타일 , 그림 ) Remove( 인덱스 ) Clear

Page 23: Chap 8.  공용 컨트롤

한빛미디어㈜

- 23 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

이미지 리스트 컨트롤이미지 리스트 컨트롤

이미지 리스트 컨트롤이미지 리스트 컨트롤 특징

여러 개의 이미지를 사용할 수 있도록 담아두는 컨트롤이미지 리스트 컨트롤을 폼에 추가하면 아이콘 모양으로 되어 있고 실행하면 화면에는 나타나지 않는다 . 독립적으로 사용하기 보다는 트리뷰 , 리스트뷰 , 툴바 등과 함께 사용 ( 단독으로는 사용하지 못함 ) .

폼에 추가된 이미지 리스트 컨트롤

Page 24: Chap 8.  공용 컨트롤

한빛미디어㈜

- 24 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

이미지 읽어오는 방법[ 속성 ] 창의 [ 사용자 정의 ] 를 선택한 후 버튼을 눌러 표시된 대화상자나 [ 보기 ]->[ 속성 페이지 ] 메뉴를 선택하여 표시된 대화상자의 ‘이미지’ 탭 사용 .

속성 페이지 대화상자

Page 25: Chap 8.  공용 컨트롤

한빛미디어㈜

- 25 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

그림 삽입 버튼을 사용하여 그림 삽입

Page 26: Chap 8.  공용 컨트롤

한빛미디어㈜

- 26 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

ListImages 개체를 사용하여 이미지 삽입ListImages 개체

이미지를 추가하거나 , 삭제 등이 가능 Add 메소드를 이용하여 이미지 추가 Remove 메소드를 사용하여 이미지 삭제 Clear 메소드를 사용하여 전체 이미지 삭제구문 형식

Add( 인덱스 , 키 , 그림 ) Remove( 인덱스 ) Clear

Page 27: Chap 8.  공용 컨트롤

한빛미디어㈜

- 27 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 이미지 리스트 만들기이미지 리스트 만들기

폼에 컨트롤 추가하기 폼 실행 시 이미지를 불러오도록 Form_Load 이벤트 핸들러 작성

Private Sub Form_Load() Dim My_ImageList As ListImage Set My_ImageList = ImageList1.ListImages.Add(1, " 이미지 1", _ LoadPicture("g:\vb\example\image\xmas08-1.gif")) Set My_ImageList = ImageList1.ListImages.Add(2, " 이미지 2", _ LoadPicture("g:\vb\example\image\bg-191-1.gif")) End Sub

실행해보자 . 지금은 아무것도 보이지 않는다 . 왜냐하면 단독으로 사용하지 않기 때문에… .

Page 28: Chap 8.  공용 컨트롤

한빛미디어㈜

- 28 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

툴 바 컨트롤툴 바 컨트롤

툴 바툴 바 (Tool Bar) (Tool Bar) 컨트롤컨트롤 특징

응용 프로그램과 연결된 도구 모음을 만들 때 사용하는 버튼 컬렉션이 들어 있어 동일한 크기의 여러 개의 버튼을 묶어서 관리하도록 함으로써 편하게 사용할 수 있도록 하는 컨트롤툴바에 이미지를 삽입하기 위해서는 이미지 리스트 컨트롤에 이미지가 등록되어 있어야 한다 .

Page 29: Chap 8.  공용 컨트롤

한빛미디어㈜

- 29 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

주요 속성

Page 30: Chap 8.  공용 컨트롤

한빛미디어㈜

- 30 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

툴 바 컨트롤의 버튼 모양Style 속성을 사용하여 두 가지로 표현

[ 보기 ]->[ 속성 페이지 ] 를 선택하여 표시된 ‘속성 페이지’ 대화상자의 단추 (Button) 탭에서 설정

Style = 0 - tbrStandard

Style = 0 - tbrFlat

[ 단추 ] 탭

Page 31: Chap 8.  공용 컨트롤

한빛미디어㈜

- 31 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[ 단추 ] 탭의 속성

Page 32: Chap 8.  공용 컨트롤

한빛미디어㈜

- 32 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

실습하기실습하기 ] ] 도구 모음 만들기도구 모음 만들기

폼에 컨트롤 추가하기

툴 바 컨트롤

이미지리스트 컨트롤

[ 보기 ]->[ 속성 페이지 ] 대화상자의 [ 일반 ] 탭 선택

Page 33: Chap 8.  공용 컨트롤

한빛미디어㈜

- 33 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

실습하기실습하기 ] ] 도구 모음 만들기도구 모음 만들기

이미지리스트 이름 선택

스타일 설정

[ 단추 ] 탭을 누르고 버튼 이미지와 텍스트 등 설정

1. 단추 삽입 버튼 클릭2. Index 확인

3. Caption 삽입

4. 툴 팁 삽입 5. Image 인덱스 삽입

6. 적용 버튼 클릭

Page 34: Chap 8.  공용 컨트롤

한빛미디어㈜

- 34 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

두 번째 버튼을 삽입하려면 위 과정을 반복한다 .

버튼의 오른쪽에 버튼 부메뉴를 작성해보자 . ButtonMenus 항목을 선택한다 .

1.Style 속성을 5-tbrDropDown 으로 설정

2. 단추 메뉴 삽입 버튼 클릭3. Index 설정

4. 부메뉴 텍스트 입력

확인 버튼을 클릭하면 드롭다운 화살표가 표시된다 .

Page 35: Chap 8.  공용 컨트롤

한빛미디어㈜

- 35 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Buttons 개체특징

버튼 삽입 , 삭제 가능 Add 메소드를 이용하여 버튼 추가 Remove 메소드를 사용하여 버튼 삭제 Clear 메소드 사용하여 전체 버튼 제거구문 형식

ButtonMenus 개체툴바 컨트롤의 버튼 개체에서 드롭다운되는 메뉴 표시버튼 개체의 Style 속성이 ‘ 5-tbrDropdown’ 으로 설정되어야 함

툴바컨트롤이름 .Buttons.Add( 인덱스 , 키 , 캡션 , 스타일 , 그림 ) 툴바컨트롤이름 .Buttons.Remove( 인덱스 ) 툴바컨트롤이름 .Clear

툴바컨트롤이름 .ButtonMenus.Add( 인덱스 , 키 , 캡션 , 스타일 , 그림 ) 툴바컨트롤이름 .ButtonMenus.Remove( 인덱스 ) 툴바컨트롤이름 .Clear

Page 36: Chap 8.  공용 컨트롤

한빛미디어㈜

- 36 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

이미지 콤보 컨트롤이미지 콤보 컨트롤

이미지 콤보 컨트롤이미지 콤보 컨트롤 특징

콤보 박스에 이미지와 문자열을 함께 넣을 수 있는 컨트롤ComboItems 개체

이미지 콤보에 이미지를 추가하기 위해서는 사용

용도 폼의 목록 항목 상태를 나타내는 들여쓰기 및 / 또는 다른 그래픽을 사용하는 목록 작성 드롭다운 목록 유형으로 사용자에게 계층적 정보 제공 표시 향상 기능이나 지시자를 표준 드롭다운 목록에 추가 향상된 개체 기본 속성 , 메서드 및 코드의 구조를 사용하는 표준 모양을 가진 콤보 상자 표시

Page 37: Chap 8.  공용 컨트롤

한빛미디어㈜

- 37 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

주요 속성

ComboItems 개체특징콤보 박스에 이미지를 삽입 / 삭제 등 가능Add 메서드는 이미지 삽입Remove 메서드는 이미지 삭제Clear 메서드는 전체 이미지를 모두 삭제하는 기능 제공 구문 형식이미지콤보이름 .ComboItems.Add(Index, Key, Text, Image, SelImage, Indentation ) 이미지콤보이름 .ComboItems.Remove(Index) 이미지콤보이름 . Clear

Page 38: Chap 8.  공용 컨트롤

한빛미디어㈜

- 38 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Add 메소드의 구성 요소

Page 39: Chap 8.  공용 컨트롤

한빛미디어㈜

- 39 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[실습하기실습하기 ] ] 이미지 콤보 만들기이미지 콤보 만들기

폼에 컨트롤 추가하기 이미지 리스트 컨트롤에 이미지 삽입

Page 40: Chap 8.  공용 컨트롤

한빛미디어㈜

- 40 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

이미지 콤보 컨트롤을 선택하고 , 속성 페이지 대화상자에서 [일반 ] 탭을 선택한다 .

이미지리스트 선택

콤보 박스에 보여질문자열 선택

Page 41: Chap 8.  공용 컨트롤

한빛미디어㈜

- 41 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

폼이 실행될때 콤보박스에 이미지가 삽입되도록 Form_Load 이벤트 핸들러 작성

Private Sub Form_Load() ImageCombo1.ComboItems.Add , , "첫번째 목록 ", 1 ImageCombo1.ComboItems.Add , , " 두번째 목록 ", 2 ImageCombo1.ComboItems.Add , , "세번째 목록 ", 3 ImageCombo1.ComboItems.Add , , " 네번째 목록 ", 4 End Sub

프로그램 실행

Page 42: Chap 8.  공용 컨트롤

한빛미디어㈜

- 42 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

트리뷰 컨트롤트리뷰 컨트롤

트리뷰 컨트롤트리뷰 컨트롤 특징

이미지와 문자열로 이루어진 Nodes 개체의 계층 구조를 트리 형식으로 표시계층적인 트리구조를 표시하므로 조직 구조나 인덱스의 내용 , 디스크의 디렉터리 같이 조직적으로 구성되어 있는 데이터를 표시하기 위해 주로 사용 이미지가 있는 트리뷰를 만들기 위해서는 이미지 리스트 컨트롤과 트리뷰 컨트롤을 폼에 추가하고 이미지 리스트 컨트롤에 이미지 삽입Nodes 개체콤보박스에 노드 (Node) 를 추가하거나 삭제하기 위해 사용사용 메소드

트리뷰개체이름 .Nodes.Add(Relative, Relationship, Key, Text, Image, SelectedImage) 트리뷰개체이름 .Nodes.Remove( 인덱스 ) 트리뷰개체이름 .Nodes.Clear

Page 43: Chap 8.  공용 컨트롤

한빛미디어㈜

- 43 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

Add 메소드의 구성 요소

Page 44: Chap 8.  공용 컨트롤

한빛미디어㈜

- 44 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[실습하기실습하기 ] ] 이미지를 포함하는 트리뷰 만들기이미지를 포함하는 트리뷰 만들기

폼에 컨트롤 추가하기 이미지 리스트 컨트롤에 이미지를 삽입

Page 45: Chap 8.  공용 컨트롤

한빛미디어㈜

- 45 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

‘ 속성 페이지’ 대화상자의 ‘일반’ 탭을 선택하고 , ImageList 항목에 이미지 리스트를 등록

이미지리스트 등록

Page 46: Chap 8.  공용 컨트롤

한빛미디어㈜

- 46 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

폼을 실행하면 트리뷰가 보여지도록 Form_Load 이벤트 핸들러 작성

Private Sub Form_Load() Dim My_Node As Node Set My_Node = TreeView1.Nodes.Add(, , "List1", " 이미지목록 1", 1) Set My_Node = TreeView1.Nodes.Add("List1", tvwChild, "image1", " 이미지목록 -1", 2) Set My_Node = TreeView1.Nodes.Add("List1", tvwChild, "image2", " 이미지목록 -2", 3) Set My_Node = TreeView1.Nodes.Add("image2", tvwChild, "image-2-1", _ " 이미지목록 -2-1", 4) End Sub

프로젝트를 실행

Page 47: Chap 8.  공용 컨트롤

한빛미디어㈜

- 47 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

리스트 뷰 컨트롤리스트 뷰 컨트롤

리스트 뷰 컨트롤리스트 뷰 컨트롤 특징

표준 아이콘 , 작은 아이콘 , 목록 , 보고서 등 네 가지 유형으로 항목을 표시하는 컨트롤아이콘과 텍스트를 함께 표시할 수도 있고 , 열 머리글을 표시하거나 열 머리글 없이 항목 배치 가능

Page 48: Chap 8.  공용 컨트롤

한빛미디어㈜

- 48 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

리스트 뷰 컨트롤의 속성리스트 뷰 컨트롤의 속성

Page 49: Chap 8.  공용 컨트롤

한빛미디어㈜

- 49 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

View 속성목록의 항목을 표시하기 위하여 어떻게 표시할 것인지 항목 표시 유형

0-lvwIcon

2-lvwList

1-lvwSmalllIcon

3-lvwReport

Page 50: Chap 8.  공용 컨트롤

한빛미디어㈜

- 50 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

리스트 뷰 컨트롤에 이미지 삽입하기‘ 속성 페이지’ 대화상자의 ‘이미지 목록’ 탭에서 ‘이미지 아이콘 목록’ 항목을 설정

View 속성에 따른 이미지 목록 등록

Page 51: Chap 8.  공용 컨트롤

한빛미디어㈜

- 51 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

ListItem 개체 리스트 뷰에 이미지 삽입하기 위해 사용메소드

Add, Remove, Clear 메소드 사용

Add 메소드의 구성 요소

개체이름 .ListItems.Add(index, key, text, icon, smallIcon) 개체이름 .ListItems.Remove(index) 개체이름 .ListItems.Clear

Page 52: Chap 8.  공용 컨트롤

한빛미디어㈜

- 52 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

ColumnHeaders 개체view 속성이 ‘ 3-lvwReport’ 로 설정된 경우 열 머리글 ( 열 제목 ) 을 설정하기 위해 사용하는 개체 메소드

Add, Remove, Clear 메소드

Add 메소드의 구성 요소

개체이름 .ColumnHeaders.Add(index, key, text, width, alignment, icon) 개체이름 .ColumnHeaders.Remove(Index) 개체이름 .ColumnHeaders.Clear

Page 53: Chap 8.  공용 컨트롤

한빛미디어㈜

- 53 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

열 머리글의 등록‘ 속성 페이지’ 대화상자의 ‘열 머리글’ 탭에서 설정

Page 54: Chap 8.  공용 컨트롤

한빛미디어㈜

- 54 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 리스트 뷰 만들기리스트 뷰 만들기

폼에 컨트롤 추가하기

Page 55: Chap 8.  공용 컨트롤

한빛미디어㈜

- 55 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

폼이 실행될 때 리스트 뷰의 항목들이 보여지도록 Form_Load 이벤트 핸들러 작성

Private Sub Form_Load() Dim My_List As ListItem Dim My_Header As ColumnHeader ListView1.View = lvwIcon Set My_List = ListView1.ListItems.Add(, , "List1", 1) Set My_List = ListView1.ListItems.Add(, , "List2", 2) Set My_List = ListView1.ListItems.Add(, , "List3", 3) Set My_List = ListView1.ListItems.Add(, , "List4", 4) ListView2.View = lvwSmallIcon ListView2.SmallIcons = ImageList1 Set My_List = ListView2.ListItems.Add(, , "List1", , 1) Set My_List = ListView2.ListItems.Add(, , "List2", , 2) Set My_List = ListView2.ListItems.Add(, , "List3", , 3) Set My_List = ListView2.ListItems.Add(, , "List4", , 4)

Page 56: Chap 8.  공용 컨트롤

한빛미디어㈜

- 56 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

ListView3.View = lvwList Set My_List = ListView3.ListItems.Add(, , "List1", , 1) Set My_List = ListView3.ListItems.Add(, , "List2", , 2) Set My_List = ListView3.ListItems.Add(, , "List3", , 3) Set My_List = ListView3.ListItems.Add(, , "List4", , 4) ListView4.View = lvwReport Set My_List = ListView4.ListItems.Add(, , "List1", , 1) My_List.SubItems(1) = "Sub_List1" Set My_List = ListView4.ListItems.Add(, , "List2", , 2) My_List.SubItems(1) = "Sub_List2" Set My_List = ListView4.ListItems.Add(, , "List3", , 3) My_List.SubItems(1) = "Sub_List3" Set My_List = ListView4.ListItems.Add(, , "List4", , 4) My_List.SubItems(1) = "Sub_List4" End Sub

Page 57: Chap 8.  공용 컨트롤

한빛미디어㈜

- 57 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

프로그램 실행하기

Page 58: Chap 8.  공용 컨트롤

한빛미디어㈜

- 58 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

탭 스트립 컨트롤탭 스트립 컨트롤

탭 스트립탭 스트립 (Tabstrip) (Tabstrip) 컨트롤컨트롤 특징

서류철과 같은 형태로 여러 페이지의 정보를 필요한 부분만 표시할 수 있도록 하는 컨트롤탭의 삽입 / 삭제

탭 스트립 컨트롤의 [속성 ] 대화 상자 이용실행 모드에서 메소드를 사용하여 Tab 개체를 추가 / 삭제 가능

탭 스트립의 모양 Style 속성으로 설정

o-tabTabs

1-tabButtons

2-tabFlatButtons

Page 59: Chap 8.  공용 컨트롤

한빛미디어㈜

- 59 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

주요 속성

MultiRow 속성콘트롤 안에 여러 탭을

넣는 경우 사용

MutiRow=False

MutiRow=True

Page 60: Chap 8.  공용 컨트롤

한빛미디어㈜

- 60 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

문자열과 이미지 삽입하기‘ 속성 페이지’ 대화상자의 ‘탭’ 텝에서 Caption 에 제목을 삽입하고 , Image 항목에 이미지 리스트에서 불러온 이미지 인덱스 번호 삽입

[ 탭 ] 탭에서 문자열과 이미지 인덱스 설정

탭에 추가된 이미지

Page 61: Chap 8.  공용 컨트롤

한빛미디어㈜

- 61 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

[[ 실습하기실습하기 ] ] 탭 스트립 만들기탭 스트립 만들기

폼에 컨트롤 추가하기 [ 속성 페이지 ] 대화상자에서 [ 탭 제거 ] 버튼 클릭

폼을 작성할 때는 폼을 작성할 때는 [[ 탭 페이지탭 페이지 ]] 가 하나도 가 하나도 없어야 하기 때문없어야 하기 때문

Page 62: Chap 8.  공용 컨트롤

한빛미디어㈜

- 62 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

각 탭에 보여줄 프레임 컨트롤 생성

Page 63: Chap 8.  공용 컨트롤

한빛미디어㈜

- 63 -

IT COOKBOOKIT COOKBOOK

ehanbit.net

탭이 누르때마다 다른 프레임이 보여지도록 Form_Load 이벤트 핸들러와 Tabstrip_Click 이벤트 핸들러 작성

Dim My_Tab As Integer

Private Sub Form_Load() Frame1.Visible = True Frame3.Visible = False TabStrip1.Tabs.Add , , "첫번째탭 " TabStrip1.Tabs.Add , , " 두번째탭 " End Sub

Private Sub TabStrip1_Click()     Select Case TabStrip1.SelectedItem.Index         Case 1             Frame1.Visible = True             Frame3.Visible = False         Case 2             Frame3.Visible = True     End Select End Sub