2012. 3. 29. 00:42
Visual Editor 간단 사용법

지난 번 Visual Editor 설치 포스팅에 이어 이번에는 간단하게 Visual Editor를 사용하는 방법에 대해서 알아보겠습니다 ^^
Visual Editor는 AWT, SWING, SWT 등의 UI 라이브러리로 개발을 해 보셨거나 아님, 책의 간단한 예제라도 공부해 보신 분들이라면 직관적으로 사용할 수 있도록 만들어져 있어서 지금 소개하는 내용만 보시더라고 쉽게 Visual Editor를 이용해 UI 프로그래밍을 하실 수 있으리라 생각합니다.

당연히 이클립스를 실행해야겠죠? ㅎㅎ 그리고 자바 프로젝트를 하나 만드신 후 Alt + Shift + N 단축키 또는 File -> New File을 클릭하셔서 Other ..를 선택합니다.

 

 

그럼 아래와 같이 "New" 다이얼로그가 뜨는데요 트리 목록에서 Java -> Visual Class를 선택합니다. 그리고 Next ~

 

 

 

 

 

 

"New Java Visual Class" 다이얼로그에서 "Style"의 Swing -> Frame을 선택합니다. 물론 Dialog를 만드시거나 Applet 등을 개발하실 분은 해당하는 것을 선택하시면 됩니다.

 

아래와 같이 에디터가 떳습니다.

그럼 버튼을 하나 달아서 클릭을 하면 간단한 메시지 박스가 뜨도록 만들어 볼까요 ~ 오른쪽 Platte메뉴에서 "JButton"을 클릭하고 윈도우의 패널의 Center에 위치시킵니다. 참고로 기본 레이아웃 메니저로 Border Layout이 선택되어져 있습니다.

아래 소스 에디터를 보면 버튼에 대한 소스가 자동으로 나타나는 것을 확인 하 실수 있죠? ㅎㅎ 그럼 버튼에 이름을 붙여볼까요 ~ 버튼 컨트롤에 마우스를 가볍게 클릭해주면 왼쪽 상단에 입력 상자가 나타납다.

버튼에 "Click"이라는 이름이 붙여졌고 아래 소스 에디터에 보면 JButton.setText("Click");이란 소스가 자동으로 생성 되었습니다. 아 ~ 이럴게 편할 수가 ㅡㅜ

 

이제 이벤트 핸들러만 정의해주면 끝입니다. 이벤트 핸들러를 정의해 주는 방법은 컨트롤에 마우스 오른쪽 버튼을 클릭하고 Events -> actionPerformed를 클릭해 줍니다. 물론 다른 컨트롤에 대해서는 해당 이벤트 핸들러 목록이 나타납니다. 적절히 선택해서 코딩해 주시면 되겠죠 ^^
그럼, 아래 소스 에디터에 이벤트 핸들러 소스가 자동으로 생성되는데 기본으로 생성된 System.out.print 부분을 삭제하시고 메시지 박스 관련 코딩을 해줍니다. 그럼 끝 ~~~~~~~~~~

 

그럼 실행을 해볼까요? 실행을 하면 아까 함께 만들었던 윈도우가 화면에 나타나고 버튼을 클릭하면 메시지 박스가 뜨네요 ^^


출처 : http://greenfrog7.egloos.com/905867

Posted by 물색없는세상