그래픽 컨트롤 (Graphic Control)

Presentation on theme: "그래픽 컨트롤 (Graphic Control)"— Presentation transcript:

1 그래픽 컨트롤 (Graphic Control)

2 목 차 교육 목표 Line Control Shape Control 그래픽 예제 프로그램 그래픽 프로젝트 PictureBox
Image Control PictureBox와 Image Control 예제 프로그램 PictureBox와 Image Control 프로젝트 컴퓨터응용 및 실습 I

3 Line Control Line Control 기능 속성 설 명 구성 요소 Visible BorderColor
수평선/수직선 그리기 속성 구성 요소 설 명 선 표현 여부 지정 선의 색 지정 선의 모양 지정 선의 굵기 지정 시작점의 X 좌표 끝점의 X 좌표 시작점의 Y 좌표 끝점의 Y 좌표 선의 개체명 지정 Visible BorderColor BorderStyle BorderWidth X1 X2 Y1 Y2 Name 컴퓨터응용 및 실습 I

4 Shape Control Shape Control 기능 속성 설 명 구성 요소 Visible BackColor
사각형, 원,.. 등의 간단한 도형 그리기 속성 구성 요소 설 명 Visible BackColor BackStyle BorderColor BorderStyle BorderWidth FillColor FillStyle Shape Name 도형 표현 여부 지정 도형의 배경색 지정 배경 유형(투명/불투명) 지정 도형의 테두리 색 지정 도형의 테두리 모양 지정 도형의 테두리 굵기 지정 도형의 색 지정 도형의 채우기 유형 지정 도형의 채우기 모양 지정 도형의 개체 이름 지정 컴퓨터응용 및 실습 I

5 그래픽(Graphic) 예제 (1) Form Name 지정 : frmShape Caption 지정: 달리는 자동차
BoderStyle : 1-단일 고정 MinButton : True 1. 더블 클릭 (frmShape 입력) 2. 더블 클릭 (달리는 자동차 입력) 컴퓨터응용 및 실습 I

6 그래픽(Graphic) 예제 (2) Control 배치 Shape Line CommandButton 3. Control 배치

7 그래픽(Graphic) 예제 (3) Control 속성지정 Name FillStyle FillColor Shape Name
Label 속 성 Name FillStyle FillColor Shape Control 노란색 검은색 Shape 1 Shape 2 Shape 3 shpBody shpTire1 shpTire2 0 - 단색 4 - 둥근 사각형 3 - 원형 Line 속 성 Name BoderColor BoderStyle BoderWidth Control 갈색 Line 1 Line 1 1- 단색 2 컴퓨터응용 및 실습 I

8 그래픽(Graphic) 예제 (4) Control 속성지정 Name Caption CommandButton 속 성
속 성 Name Caption Control Command 1 Command 2 cmdStart cmdExit 출발 종료(&X) 컴퓨터응용 및 실습 I

9 그래픽(Graphic) 예제 (5) Control 배치 및 속성 완료 화면 컴퓨터응용 및 실습 I

10 그래픽(Graphic) 예제 (6) Code 작성 boolForward Speed 4. Code 작성 자동차의 진행방향 결정
자동차 속도 4. Code 작성 컴퓨터응용 및 실습 I

11 그래픽(Graphic) 예제 (7) Code 작성 Form load 이벤트 프로시저 5. Code 작성
자동차의 진행 방향을 오른쪽(True)으로 초기화 5. Code 작성 컴퓨터응용 및 실습 I

12 Move(Left as Single, [Top], [Width], [Height])
그래픽(Graphic) 예제 (8) Code 작성 [출발] 버튼 Click 이벤트 프로시저 Form의 좌/우에서 100 트윕까지 자동차의 진행 방향에 따라 오른쪽/왼쪽(True/False)으로 이동 이동 함수 Move(Left as Single, [Top], [Width], [Height]) 컴퓨터응용 및 실습 I

13 그래픽(Graphic) 예제 (9) 6. Code 작성 컴퓨터응용 및 실습 I

14 그래픽(Graphic) 예제 (10) 컴퓨터응용 및 실습 I

15 그래픽(Graphic) 예제 (11) Code 작성 [ 종료(&X) ] 버튼 Click 이벤트 프로시저 7. Code 작성

16 그래픽(Graphic) 예제 (12) 실행 결과 [출발] 버튼 클릭 8. 클릭 컴퓨터응용 및 실습 I

17 그래픽(Graphic) 예제 프로젝트 실습 실습시간(30분) 아래 그림과 같이 Form을 작성한다. 실행방법
자동차가 오른쪽 끝에 도착하면 다음 행으로 이동한다. 다음 행의 오른쪽 끝에서 왼쪽으로 이동한다. 마지막 행의 오른쪽 끝에 도착하면 역순으로 이동한다. 컴퓨터응용 및 실습 I

18 그래픽(Graphic) 예제 프로젝트 진행 과정
대화상자 프로그래밍 과정 프로젝트 명 frmAutomobil.frm Automobil.vbp Control 배치 Coding 컴파일 실행 컴퓨터응용 및 실습 I

19 그림상자(PictureBox) PictureBox 기능 속성 설 명 구성 요소 Visible Appearance
bitmap, icon, JPEG, GIF 등의 그림 파일을 표시 프레임 컨트롤, Form과 같이 다른 컨트롤의 컨테이너 기능 제공 속성 구성 요소 설 명 그림 표현 여부 지정 그림 표현 유형(평면/3D)지정 그림의 크기에 맞게 PictureBox 크기 조정 여부 지정 PictureBox의 테두리 모양 지정 PictureBox에 나타낼 그림을 지정 PictureBox 개체의 이름 지정 Visible Appearance AutoSize BorderStyle Picture Name 컴퓨터응용 및 실습 I

20 이미지(Image) Image 기능 속성 설 명 구성 요소 Visible Appearance BorderStyle
그림을 표시하며, PictureBox 컨트롤보다 적은 양의 시스템 자원을 사용하여 그림을 그리는 속도가 빠르다. 속성 구성 요소 설 명 Image 표현 여부 지정 Image 표현 유형(평면/3D)지정 PictureBox의 테두리 모양 지정 Image에 나타낼 그림 설정 Image 컨트롤의 크기에 맞게 그림 크기 조정 여부 지정 Image 개체의 이름 지정 Visible Appearance BorderStyle Picture Stretch Name 컴퓨터응용 및 실습 I

21 애니메이션(Animation) 예제 (1)
Form Name 지정 : frmAnimation Caption 지정: PictureBox와 Image 1. 더블 클릭 (frmAnimation 입력) 2. 더블 클릭 (PictureBox와 Image 입력) 컴퓨터응용 및 실습 I

22 애니메이션(Animation) 예제 (2)
Control 배치 PictureBox Timer Image CommandButton 3. Control 배치 컴퓨터응용 및 실습 I

23 애니메이션(Animation) 예제 (3)
Control 속성지정 PictureBox /Common/Graphics/Icons/Traffic 속 성 Name Index Picture Autosize Visible Control Picture 1 Picture 2 Picture 3 picLight 1 2 Trffc10a.ico Trffc10b.ico Trffc10c.ico True False True Timer 속 성 Name Eanbled Interval Control Timer 1 tmrPicture True 2000 컴퓨터응용 및 실습 I

24 애니메이션(Animation) 예제 (4)
Control 속성지정 CommandButton 속 성 Name Caption Control Command1 cmdExit 종료(&X) Image 속 성 Name Stretch BorderStyle Control Image1 False 1- 단일고정 컴퓨터응용 및 실습 I

25 애니메이션(Animation) 예제 (5)
Control 배치 및 속성 완료 화면 컴퓨터응용 및 실습 I

26 애니메이션(Animation) 예제 (6)
Code 작성 Form load 이벤트 프로시저 LoadPicture 함수를 사용하여 “C:\Windows\공기방울.bmp” 파일을 이미지 컨트롤에 표시 LoadPicture 함수 형식 LoadPicture([Filename], [Size), [ColorDepth], [X], [Y]) 4. Code 작성 컴퓨터응용 및 실습 I

27 애니메이션(Animation) 예제 (7)
Code 작성 타이머의 Timer 이벤트 프로시저 5. Code 작성 컴퓨터응용 및 실습 I

28 애니메이션(Animation) 예제 (8)
Code 작성 이미지 개체의 더블클릭 이벤트 프로시저 이미지의 너비, 높이, stretch 속성값 지정 6. Code 작성 컴퓨터응용 및 실습 I

29 애니메이션(Animation) 예제 (9)
Code 작성 [ 종료(&X) ] 버튼 Click 이벤트 프로시저 7. Code 작성 컴퓨터응용 및 실습 I

30 애니메이션(Animation) 예제 (10)
실행 결과 신호등 동작 타이머 interval = 2000 으로 설정되어 2초 마다 타이머 이벤트 발생 8. 더블 클릭 컴퓨터응용 및 실습 I

31 애니메이션(Animation) 예제 프로젝트
실습 실습시간(30분) 아래 그림과 같이 Form을 작성한다. 실행방법 이미지 컨트롤에 자신의 사진 파일을 load하여 타이머 이벤트 발생시 이미지 크기(대, 중, 소)가 변경되도록 프로그래밍 하시요 컴퓨터응용 및 실습 I

32 애니메이션(Animation) 예제 프로젝트 진행 과정
애니메이션 예제 프로그래밍 과정 프로젝트 명 frmMoveImage.frm MoveImage.vbp Control 배치 Coding 컴파일 실행 컴퓨터응용 및 실습 I

33 정 리 Line Control Shape Control 그래픽 예제 프로그램 그래픽 프로젝트 PictureBox
Image Control PictureBox와 Image Control 예제 프로그램 PictureBox와 Image Control 프로젝트 컴퓨터응용 및 실습 I