java 언어와 eclipse, windowbuilder를 이용한 gui 프로그램 작성 1

21
GUI 1: Screen, Button, TextField Object Oriented Programming, 7 th Class 2015.10.29. 경민기

Upload: mingi-kyung

Post on 18-Feb-2017

1.910 views

Category:

Software


3 download

TRANSCRIPT

Page 1: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

GUI 1: Screen,�Button,�TextFieldObject�Oriented�Programming,� 7th Class

2015.10.29. 경민기

Page 2: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1
Page 3: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1
Page 4: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1
Page 5: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1
Page 6: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

GUI를 실질적으로만든사람이지만,

마우스를정말로 싫어했습니다.

매킨토시의 제작자

Jef�Raskin

Page 7: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

함 만들어봅시다Eclipse�IDE�for�Java�Developers라면,굳이 설치할 필요없습니다

Page 8: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

그동안은�그냥�잘�써도�되었

는데,�이젠�

WindowBuilder라는� 특별

한�플러그인이�필요합니다.�

본인의�컴퓨터를�확인하고,�

없으면�다운받으세요.���

설치�방법은�‘적당한�곳에�

압축을�푼다’입니다.�(나중

에�개발�환경을�여러개�사용

하는�경우가�간혹�생깁니다

…)�

*�실행이�안되면�본인의�운

영체제나�32/64비트�문제

일�가능성이�있습니다.�확

인하시고,�어려우면�연락하

세요.�

Eclipse�IDE�for�Java�Developer다운받기�

Page 9: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

이클립스�실행하고,�자바�프로젝트�생성하세요.�

프로젝트�안의�내용물은�반드시�비어있어야�합니

다.

New�>�Java�Project

확인!

Page 10: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

New�>�WindowBuilder�>�Swing�Designer�>�Application�Window

Page 11: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

생성된 코드확인

Page 12: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

확인

Page 13: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

버튼 만들어봅시다무슨 코드가씌여있는지 알려고하지마세요. 손 가는데로 행동하세요.

Page 14: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

Design�화면을확인해 봅시다.

Page 15: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

Panel 깔고, 버튼배치하세요

Page 16: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

JOptionPane.showMessageDialog(null,� "마우스 버튼테스트입니다");

다음 명령을파란 부분에 입력하세요

버튼을�화면에�처음�만들�때,�눌리게�되면�행동할꺼라고�선언하는�명령입니다.��그래서�실제�실행�순서와는�동떨어져보이는�문제가�있습니다.�순서에�대해�고민하려고하면�이해하

기�까다로우니�우선은�그냥�사용하세요.

JOptionPane입력�시에,�에러�발생합니다.� 빨간�박스�안의�하얀�x�표시를�누르면�해결책이�뜨니,�그것을�눌러�해결하세요.

Page 17: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

텍스트 박스 만들어봅시다무슨 코드가씌여있는지 알려고하지마세요. 손 가는데로 행동하세요.

Page 18: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

Design�화면을확인하고, JTextField를 화면에추가합니다.

Page 19: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

JOptionPane.showMessageDialog(null,� textField.getText());

버튼 액션이들어가야할 곳에 다음명령을 입력합니다.

Page 20: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

결과 확인

Page 21: Java 언어와 Eclipse, WindowBuilder를 이용한 GUI 프로그램 작성 1

다음�시간:�계산기�및�기타�기능프로그램�세계의�문법이나�도구�사용법은�계속�바뀌기에,�이번�실

습�내용을�외우려고�하는�건�미련한�일입니다.�만약�이�방법이�통

하지�않는다면�유투브�동영상을�검색하는게�빠릅니다.