컨트롤 1. 컨트롤 1 Check Box & Option Button & Frame 예제 학습목표 Control 이란? Label Text Box Label & Text Box 예제 Label & Text Box 프로젝트 Check Box Option Button.

Presentation on theme: "컨트롤 1. 컨트롤 1 Check Box & Option Button & Frame 예제 학습목표 Control 이란? Label Text Box Label & Text Box 예제 Label & Text Box 프로젝트 Check Box Option Button."— Presentation transcript:

1

2 컨트롤 1

3 Check Box & Option Button & Frame 예제
학습목표 Control 이란? Label Text Box Label & Text Box 예제 Label & Text Box 프로젝트 Check Box Option Button Frame Check Box & Option Button & Frame 예제 Check Box & Option Button & Frame 프로젝트

4 ■ Control Control이란? 정의 명령어, 정보 실행결과 프로그램 User 종류 사용자와의 인터페이스를 이루는 도구
Edit, List Box, Check Box, Radio Button, Scroll Bar

5 Control이란? ■ 컨트롤이란 요즘 비주얼 개발 툴 들은 모두 컨트롤이라는 개념을 사용합니다. 비주얼 베이직에서 폼을 구성할 때 기본적으로 또는 공통적으로 사용하는 것들(메뉴, 텍스트박스, 명령버튼, 라디오버튼, 리스트박스 등등)이 컨트롤입니다 이 표준 컨트롤 말고 보편적이진 않지만 사용하기 편리하고 멋있는 프로그램을 만들기 위해서 사용하는 컨트롤들이 있는데 이런 것들을 하나의 패키지화 한 것을 ActiveX Control이라고 합니다

6 ■ 도구상자와 컨트롤 분류 Control이란? 도구상자는 폼에 그릴 여러 가지 컨트롤을 한 곳에 모아 놓은 메뉴
컨트롤은 크게 3가지로 나누어 볼 수 있다 표준 컨트롤 사용자 정의 컨트롤 삽입 가능한 객체

7 Control이란? ■ 표준 컨트롤

8 ■ 사용자 정의 컨트롤 Control이란? MS또는 다른 업체가 만든 OCX 컨트롤
표준 컨트롤로는 수행할 수 없는 기능을 수행할 수 있도록 만들어진 컨트롤 도구상자에서 사용할 수 있는 사용자 정의 컨트롤

9 ■ 삽입 가능한 객체 Control이란? 도구상자에서 사용할 수 있는 삽입 가능한 객체
다른 응용 프로그램에서 수행되는 기능을 가진 컨트롤

10 ■ 컨트롤 요약 Pointer PictureBox Control이란?
[도구 상자]에서 컨트롤을 그리지 않는 유일한 항목. 포인터를 선택하면 폼 상에 이미 그려진 컨트롤의 크기를 조절하거나 이동시킬 수 있습니다. PictureBox 그림 이미지(장식 또는 활성)를 그래픽 메서드로부터 출력을 받는 컨테이너나 다른 컨트롤에 대한 컨테이너로써 표시합니다.

11 Label TextBox Frame Control이란?
그래픽 아래 캡션과 같이 사용자가 변경하지 않기를 원하는 텍스트를 둘 수 있도록 해줍니다. TextBox 사용자가 입력이나 변경을 할 수 있는 텍스트를 담고 있습니다. Frame 컨트롤에 대한 그래픽 또는 기능 그룹화를 생성할 수 있도록 해줍니다. 컨트롤을 그룹화하기 위해서는 프레임을 먼저 그려야 하고, 그 다음에 프레임 내에 컨트롤을 그립니다.

12 CommandButton CheckBox OptionButton Control이란?
명령을 수행하기 위해 사용자가 선택할 단추를 생성합니다. CheckBox 참이거나 거짓인 가를 지시하거나 사용자가 하나 이상을 선택할 때 다중 선택을 표시하기 위해 사용자가 쉽게 선택할 수 있는 상자를 생성합니다. OptionButton 사용자가 오직 하나만을 선택할 수 있는 다중 선택을 표시할 수 있도록 해줍니다.

13 ComboBox ListBox Timer Control이란?
목록 상자와 입력란의 조합을 그릴 수 있도록 해줍니다. 사용자는 목록으로부터 항목을 선택하거나 입력란으로부터 값을 입력할 수 있습니다. ListBox 사용자가 하나를 선택할 수 있는 항목 목록을 표시하는데 사용합니다. 한번에 표시할 수 있는 것보다 많은 목록이 있다면 목록은 이동시킬 수 있습니다. Timer 설정 간격에 타이머 이벤트를 발생시킵니다. 이 컨트롤은 실행 모드에서만 보입니다.

14 HScrollBar VScrollBar FileListBox Control이란?
비율에 따라 현재 위치를 지시하거나 입력 장치 또는 속도나 양의 정도를 나타내는 지시기로써 긴 항목 목록이나 막대한 정보량 사이를 빠르게 이동할 수 있는 그림 도구 제공합니다. VScrollBar 비율에 따라 현재 위치를 지시하거나 입력 장치 또는 속도나 양의 정도를 나타내는 지시기로써 긴 항목 목록이나 막대한 정보량 사이를 빠르게 이동할 수 있는 그림 도구 제공합니다. FileListBox 파일 목록을 표시합니다.

15 DriveListBox DirListBox Shape Control이란? 유효한 디스크 드라이브를 표시합니다.
디렉터리와 경로를 표시합니다. Shape 디자인 모드에서 폼 상에 다양한 모양을 그릴 수 있도록 해줍니다. 직사각형, 모서리가 둥근 직사각형, 정사각형, 모서리가 둥근 정사각형, 타원, 원 등을 선택할 수 있습니다.

16 Line Image Data Control이란? 디자인 모드에 폼 상에 다양한 선 유형을 그리는 데 사용합니다.
폼 상에 비트맵, 아이콘, 메타 파일로부터 그래픽 이미지를 표시합니다. 이미지는 Image 컨트롤이 장식용이고 PictureBox보다 적은 리소스를 사용할 때만 표시됩니다. Data 폼 상에 바운드 컨트롤을 통해 데이터베이스 내의 데이터에 대한 사용 허가를 제공합니다.

17 Control이란? OLE Visual Basic 응용 프로그램에 다른 응용 프로그램으로부터 연결되고 포함시킬 수 있도록 해 줍니다.

18 객체와 포커스 관계 포커스 자동 변경 예제

19 Private Sub text1_KeyPress(KeyAscii As Integer)
포커스 자동 변경 예제(코드) Option Explicit Private Sub text1_KeyPress(KeyAscii As Integer) '엔터키를 치면 다음 입력항목으로 포커스를 이동시킵니다. If KeyAscii = Asc(vbCr) Then text2.SetFocus End Sub Private Sub text2_KeyPress(KeyAscii As Integer) If KeyAscii = Asc(vbCr) Then command1.SetFocus Private Sub command1_Click() '입력된 값 출력 label3.Caption = "학생번호:" + text1.Text _ + " ,체중 :" + text2

20 탭 순서 설정 탭 키를 이용한 포커스 이동 예제 입력 폼

21 포커스 이동 예제 코드 Option Explicit Private Sub cmdInput_Click() Dim sResult As String '입력이 끝난 후 출력할 문장 생성 sResult = "수험번호:" + txtNum.Text + _ ",필기 시험 점수:" + txtExam.Text + ",면접 시험 점수:" + txtInterview.Text lblResult.Caption = sResult '입력항목 clear txtNum.Text = "" txtExam.Text = "" txtInterview.Text = "" '포커스를 수험번호로 이동 txtNum.SetFocus End Sub

22 Label ■ Label(1) Label 기능 Form에 문자열 표시

23 ■ Label(2) 속 성 내 용 Label Alignment Appearance AutoSize BackColor
속 성 내 용 Alignment Appearance AutoSize BackColor BackStyle BoardStyle Caption Font ForeColor Name Visible 속성 Caption 정렬 방식(0:왼쪽/1:오른쪽/2:가운데 맞춤) 0:평면 / 1: 3D Label 크기를 caption text길이에 맞게 자동 조정 여부 바탕색 설정 바탕을 투명하게 지정할 것인지의 여부 테두리 모양 설정 Label에 나타낼 문자열 설정 글자 모양 설정 전경색을 반환하거나 설정 Label 이름 Label 표시 /숨김 설정

24 Text Box ■ Text Box(1) TextBox 기능 사용자의 입력을 받을 수 있는 기능 설정

25 ■ Text Box(2) 내 용 속 성 Text Box Alignment BoardStyle Enabled Locked
내 용 속 성 Alignment BoardStyle Enabled Locked MaxLength MultiLine PasswordChar ScrollBars TabIndex TabStop Text 속성 Caption 정렬 방식(0:왼쪽/1:오른쪽/2:가운데 맞춤) 테두리 모양 설정 Event에 대한 응답 가능 여부 설정 편집 가능 여부 설정 입력할 수 있는 최대 문자수 다중 라인 입력 password 입력시 화면에 표시할 문자 스크롤바 설정(0:없음 / 1:수직 / 2:수평 / 3:양방향) Tab 키의 focus 이동 순서 Tab 키를 누를때 focus를 갖는지 여부 설정 TextBox 입력값

26 포커스를 받았을때 블록으로 선택하는 예제

27 Private Sub txtItem_GotFocus() '포커스를 받았을 때 현재 입력한 값을 블록으로 선택
포커스를 받았을때 블록으로 선택하는 예제(코드 1) Option Explicit Private Sub txtItem_GotFocus() '포커스를 받았을 때 현재 입력한 값을 블록으로 선택 txtItem.SelStart = 0 txtItem.SelLength = Len(txtItem.Text) End Sub Private Sub txtNumber_GotFocus() txtNumber.SelStart = 0 txtNumber.SelLength = Len(txtNumber.Text)

28 Private Sub txtPrice_GotFocus() '포커스를 받았을 때 현재 입력한 값을 블록으로 선택
포커스를 받았을때 블록으로 선택하는 예제(코드 2) Private Sub txtPrice_GotFocus() '포커스를 받았을 때 현재 입력한 값을 블록으로 선택 txtPrice.SelStart = 0 txtPrice.SelLength = Len(txtPrice.Text) End Sub Private Sub cmdInput_Click() '입력한 값 출력 lblResult.Caption = "항목:" + txtItem.Text + _ " ,수량:" + txtNumber.Text + " ,단가:" + txtPrice.Text

29 ■ Label & Text Box 예제(1) Label & Text Box 예제 Form cmdInput TxtNum
TxtWeight cmdCancel TxtExtension cmdExit lblResult

30 Label & Text Box 예제 ■ Label & Text Box 예제(2)

31 ■ Label & Text Box 프로젝트 Label & Text Box 프로젝트 실습 실습시간(30분)
아래 그림과 같이 form을 작성 하라 이름과 학번을 입력하고 [확인] 버튼을 클릭할 때 학번이 맞으 면 자기소개 textbox에 자신을 소개하는 자기소개서가 나타나 고 틀리면 Beep음을 내도록 프로그래밍하라.

32 ■ Label & Text Box 프로젝트 진행 과정
프로젝트 명 Resume.frm Resume.vbp Control 배치 Event 핸들러 작성 컴파일 실행

33 ■ Label & Text Box 프로젝트 Coding
[확인] 버튼 [종료] 버튼

34 ■ Check Box(1) Check Box CheckBox Control 기능
여러 항목 중에 원하는 여러 항목을 선택하는 기능

35 ■ Check Box(2) 속 성 내 용 Check Box Alignment Appearance Caption
속 성 내 용 Alignment Appearance Caption DisablePicture DownPicture Name Picture Style Value Visible 속성 Caption 정렬 방식(0:왼쪽/1:오른쪽/2:가운데 맞춤) 0:평면 / 1: 3D CheckBox 옆에 나타낼 문자열 설정 사용 불가능할때의 그림 설정(Style = 그래픽) CheckBox가 눌렸을때 그림 설정 (Style = 그래픽) CheckBox 개체의 이름 설정 CheckBox에 나타낼 그림 설정(Style = 그래픽) 표준이나 그래픽으로 설정 CheckBox의 선택 상태를 설정 CheckBox를 보이도록 하는 여부 설정

36 Check Box ■ Check Box 예제(1) 폼 설계

37 Check Box

38 Check Box ■ Check Box 예제(1) 결과

39 ■ Option Button(1) Option Button Option Button 기능
여러 항목 중에 원하는 한가지 항목만을 선택하는 기능

40 ■ Option Button(2) 속 성 내 용 Option Button Alignment Appearance Caption
속 성 내 용 Alignment Appearance Caption DisablePicture DownPicture Name Picture Style Value Visible 속성 Caption 정렬 방식(0:왼쪽/1:오른쪽/2:가운데 맞춤) 0:평면 / 1: 3D Option Button 옆에 나타낼 문자열 설정 사용 불가능할때의 그림 설정(Style = 그래픽) Option Button 을 눌렀을때 그림 설정 (Style = 그래픽) Option Button 개체의 이름 설정 Option Button 에 나타낼 그림 설정(Style = 그래픽) 표준이나 그래픽으로 설정 Option Button 의 선택 상태를 설정 Option Button 를 보이도록 하는 여부 설정

41 Option Button ■ Option Button 예제(2) 폼 설계

42 Option Button ■ Option Button 예제(2)코드

43 Option Button ■ Option Button 예제(2)결과

44 Frame ■ Frame(1) 기능 관련된 기능을 묶어서 하나의 그룹을 생성하는 기능으로 frame을 이동하면 frame내의 모든 개체들이 같이 이동한다.

45 ■ Frame(2) 속 성 내 용 Frame Appearance BoardStyle Caption Name Visible
속 성 내 용 Appearance BoardStyle Caption Name Visible 속성 0:평면 / 1: 3D 테두리의 모양을 설정 Frame 개체에 나타낼 문자열 설정 Frame 개체의 이름 설정 Frame 개체를 보이도록 하는 여부 설정

46 ■ Check Box & Option Button 예제 (1)
Form Name 지정: frmCheckOption Caption 지정: CheckBox & Option Button 1. 더블 클릭 (frmLabelTextBox 입력) 2. 더블 클릭 (Label & TextBox 입력)

47 ■ Check Box & Option Button 예제 (2)
3. Control 배치 Control 배치 Frame Frame1 Frame2 Frame3 CheckBox Check1 Check2 Check3 Option Button Option1 Option2 Option3 Command Button Command1

48 ■ Check Box & Option Button 예제 (3)
Control 속성지정 Frame 속 성 Control Name Caption 미리보기 글꼴 유형 글자색 Frame 1 Frame 2 Frame 3 Frame 1 Frame 2 Frame 3 TextBox 속 성 Control Name Caption BoardStyle BackColor 흰색 Text1 txtFont 가나다ABC123 1-단일고정

49 ■ Check Box & Option Button 예제 (4)
속 성 Control Name Caption CheckBox Check 1 Check 2 Check 3 chkBold chkItalic chkUnderline 굵게(&B) 기울임(&I) 밑줄(&U) 속 성 Control Name Caption Value 검정 빨강 파랑 Option 1 Option 2 Option 3 optBlack optRed optBlue True False

50 ■ Check Box & Option Button 예제 (5)
Command 속 성 Name Caption Control Command1 cmdExit 종료(&X)

51 ■ Check Box & Option Button 예제 (6)
Control 배치 및 속성 지정 완료 화면

52 ■ Check Box & Option Button 예제 (7)
Code 작성 Check Box 클릭 event 프로시저 글꼴 유형 지정 4. 굵게 지정 5. 기울임 지정 6. 밑줄 지정

53 ■ Check Box & Option Button 예제 (8)
Code 작성 Option Button 클릭 event 프로시저 글자색 지정 7. 검정 지정 8. 빨강 지정 9. 파랑 지정

54 ■ Check Box & Option Button 예제 (9)
Code 작성 [ 종료(X) ] Button 클릭 event 프로시저 프로그램 종료 10. 종료 버튼

55 ■ Check Box & Option Button 예제 (10)
실행 결과 글꼴 유형 굵게 밑줄 글자색 빨강 11. 클릭 12. 클릭 13. 클릭

56 컨트롤 2

57 ListBox & ComboBox 프로젝트 ScrollBar & Progress Bar
교육목표 ListBox & ComboBox ListBox & ComboBox 예제 ListBox & ComboBox 프로젝트 ScrollBar & Progress Bar ScrollBar & Progress Bar 예제 ScrollBar & Progress Bar 프로젝트

58 List Box ■ List Box(1) 기능 주어진 목록에서 원하는 항목을 선택하도록 하는 기능

59 ■ List Box(2) 속 성 내 용 List Box Enabled 사용 가능하도록 할 것인가의 여부를 설정 Sorted
속 성 내 용 Enabled Sorted Visible Appearance Style List Name Columns MultiSelect 속성 사용 가능하도록 할 것인가의 여부를 설정 목록을 알파벳순으로 자동 정렬할 것인지의 여부 설정 ListBox 를 보이도록 할 지의 여부 설정 0: 평면 / 1: 3D ListBox 모양을 표준/확인란으로 설정 ListBox에 표시할 항목 지정 ListBox 개체의 이름 설정 ListBox의 열의 수 설정 여러 항목 선택 가능하도록 설정

60 List Box ■ List Box 실습(1)

61 List Box ■ List Box 실습(1)코드

62 List Box ■ List Box 실습(1)결과

63 ■ Combo Box (1) Combo Box 기능
ListBox와 TextBox를 결합한 형태로 목록의 항목 선택 및 입력이 가능하다.

64 ■ Combo Box (2) 속 성 내 용 Combo Box Enabled 사용 가능 여부 설정 Locked
속 성 내 용 Enabled Locked Sorted Visible Appearance Style List Name Text 속성 사용 가능 여부 설정 편집가능 여부 설정 목록을 알파벳순으로 자동 정렬 여부 설정 ComboBox 를 보이도록 할 지의 여부 설정 0: 평면 / 1: 3D ComboBox 모양을 표준/확인란으로 설정 ComboBox 에 표시할 항목 지정 ComboBox 개체의 이름 설정 ComboBox 에 입력되거나 선택된 값

65 Combo Box ■ Combo Box (2)실습 폼 설계

66 Combo Box ■ Combo Box (2)코드-1

67 Combo Box ■ Combo Box (2)코드-2

68 Combo Box ■ Combo Box (2)실습

69 Combo Box ■ Combo Box (1)결과

70 (ListBox & ComboBox 입력)
Form Name 지정: frmListCombo Caption 지정: ListBox & ComboBox 1. 더블 클릭 (frmListCombo입력) 2. 더블 클릭 (ListBox & ComboBox 입력)

71 ■ List Box & Combo Box 예제(2)
3. Control 배치 Control 배치 Label TextBox Frame ComboBox ListBox CommandButton

72 ■ List Box & Combo Box 예제(3)
Control 속성지정 Label 속 성 Control Name Caption 학과 학번 이름 수강 가능 과목 수강 신청 과목 Label 1 Label 2 Label 3 Label 4 Label 5 Label 1 Label 2 Label 3 Label 4 Label 5 속 성 Control Name Caption Frame 1 Frame1 수강 과목

73 ■ List Box & Combo Box 예제(4)
속 성 Control Name Style List 전자계산과 소프트웨어개발과 멀티미디어과 Combo1 cboDepartment 0: 늘어진 콤보 TextBox 속 성 Control Name Text MaxLength Text 1 Text 2 txtID txtName 7 10

74 ■ List Box & Combo Box 예제(5)
속 성 Control Name Style MultiSelect Sorted ListBox List 1 List 2 lstSelect lstSelected 0: 표준 2: 확장형 True False CommandButton 속 성 Control Name Caption Command 1 Command 2 Command 3 Command 4 Command 5 cmdSelect cmdSelectAll cmdDeselect cmdDeselectAll cmdExit > >> < << 종료(&X)

75 ■ List Box & Combo Box 예제 List Box & Combo Box 예제 11. 학과 선택 실행 결과 순서
학번 입력 이름 입력 13. 이름 입력 12. 학번 입력

76 ■ List Box & Combo Box 예제 List Box & Combo Box 예제 실행 결과 수강과목 14. 클릭
JAVA Visual Basic 14. 클릭 JAVA, Visual Basic 선택

77 ■ Scroll Bar(1) Scroll Bar Scroll Bar 기능
일정한 범위의 값을 시각적, 직관적으로 표현하는데 쓰이 며, 숫자 형태로 입/출력하는 것 보다 편리하다. 종류 수평/ 수직 스크롤바

78 ■ Scroll Bar(2) 속 성 내 용 Scroll Bar Enabled 사용 가능하도록 할 것인가의 여부를 설정
속 성 내 용 Enabled Visible Name Large Change Small Change Max Min Value 속성 사용 가능하도록 할 것인가의 여부를 설정 ScrollBar 를 보이도록 할 지의 여부 설정 ScrollBar 개체의 이름 설정 ScrollBar의 이동줄을 클릭할때 이동하는 값의 양을 설정 ScrollBar의 최대값 설정 ScrollBar의 최소값 설정 ScrollBar의 현재 값 설정

79 Scroll Bar 실습 예 ■ Scroll Bar 실습 예(1)

80 Scroll Bar 실습 예 ■ Scroll Bar 실습 예(2) 코드 - 1

81 (Scroll Bar & Slider 입력)
Form Name 지정: frmScrollSlider Caption 지정: ScrollBar & Slider 1. 더블 클릭 (frmScrollSlider입력) 2. 더블 클릭 (Scroll Bar & Slider 입력)

82 ■ Scroll Bar & Slider 예제(2)
3. Control 배치 Control 배치 Label 수평 Scroll Bar slider Command Button

83 ■ Scroll Bar & Slider 예제(3)
Control 속성지정 Label 속 성 Name Caption Alignment Border Style Control Label 1 lblValue 0 % 2-가운데 맞춤 1-단일고정 수평 Scroll Bar 속 성 LargeChange SmallChange Control Name Min Max HScroll 1 hsbValue 100 10 1

84 ■ Scroll Bar & Slider 예제(4)
속 성 Name Min Max LargeChange SmallChange Control Slider 1 sldValue 10 2 1 Command 속 성 Control Name Caption Command 1 cmsExit 종 료(&X)

85 Scroll Bar & Slider 예제 ■ Scroll Bar & Slider 예제 실행 결과 10. Drag 하여 이동

86 ■ 타이머 Scroll Bar & Slider 예제 타이머 컨트롤은 시간이 흐름에 따라 반응하는 성격 특성
일정한 시간을 주기로 반복적으로 호출 실행시 화면에 표현되지 않습니다. Timer 이벤트 프로시저를 사용합니다. 사용 속성 interval속성 : 호출 이벤트 간의 지연 시간(0~64,767 밀리 세컨드) 3000mms--->3초, >1초) Enabled 속성 : 타이머 동작 유무를 결정(True, False)

87 타이머 실습 예 ■ 타이머 실습 예 폼 설계

88 타이머 실습 예 ■ 타이머 실습 예(1)