이클립스 GUI 환경 구성 Eclipse GUI

이클립스에서 GUI 환경을 구축하기 위한 플러그인은 종류가 몇가지 있는것 같아 보이나...
 
이클립스와 구글에서 WindowBuilder을 공식적으로(?) 지원하는 것 같아서 WindowBuilder 추가하는 법을 포스팅하겠음.
 
일단 찾아야 하니...
 
https://developers.google.com/ 페이지에서 windowbuilder을 검색하거나
 
구글에서 windowbuilder을 검색하면 링크가 바로 뜬다.
 
링크는 변경될수도 있으므로 Google Developers를 통해서 찾는 방법을 적겠음.
 
일단 13년 05월 06일 기준으로 Google Developers 사이트의 URL은 https://developers.google.com/ 이와 같고
 
특별한 경우가 아니라면 변경될 일이 없겠지만 혹여라도 변경이 된다면 구글에서 "Google Developers"를 검색해서
 
Google Developers 사이트로 들어가도록 하자.
 
포스팅 날짜 기준으로 Google Developers 사이트의 메인은 이러함.

친절하게 검색란이 있으니까 검색란에 windowbuilder로 검색을 해보면

Installing WindowBuilder Pro라는 링크가 나온다.



링크를 클릭하여 들어가보면 아래와 같은 화면이 나오는데


위에 빨간네모로 표시된 링크를 클릭한다. (Installing WindowBuilder Pro 링크를 클릭해서 들어가면 바로 위의 화면이다.)

이제 자신이 사용하는 이클립스와 버전이 맞는(자신이 사용하는 이클립스 버전이 나와있는 것들보다 최신이면 그냥 가장 최신 버전 URL)

URL 주소를 복사한다.



이제 이클립스에서 아래 이미지에 빨간네모로 표시된 메뉴를 클릭한다.




그럼 아래와 같은 창이 뜨는데 여기서 빨간네모로 표시해놓은 Add 버튼을 클릭한다.




그럼 또 아래와 같은 창이 뜨는데 Name은 마음데로 입력하고 (추가한 플러그인이 뭔지는 알아먹을수 있게 이름을 입력하자...)

Location 부분에 아까 Google Developers 사이트에 있던 URL 주소를 입력한다.




그럼 아래 이미지와 같이 목록에 뭐가 나오는데 Select All 버튼을 눌러 모두 선택하거나 아니면 원하는 항목만 선택한다.

그 다음엔 당연히 Next 버튼




Next 버튼을 누르면 게이지 바가 차고 아래와 같이 되는데 계속 Next 버튼 클릭




다음으로 아래와 같은 화면이 나오면 빨간네모로 표시한 항목을 선택해야 Finish 버튼이 활성화가 되고 클릭이 가능해진다.




그럼 아래와 같이 설치가 진행된다.




설치 중간에 아래와 같은 경고문이 나오는데... 대충 해석해보면 서명되지 않은 컨텐츠가 포함되어 있다. 검증되지 않은 소프트웨어인데

계속 설치하겠느냐? 이런 뜻인것 같은데 OK 버튼을 클릭해준다.




그럼 나머지 설치 과정이 진행되고 아래와 같은 창이 뜨는데... 변경 된 내용을 적용하기 위해선 이클립스 재시작이 필요합니다.

지금 재시작하겠습니까? 라는 내용이므로 Yes 버튼을 누른다.


그럼 이클립스가 꺼졌다가 다시 실행이된다.



그럼 이제 아래 이미지와 같이 Other 메뉴를 클릭한다.




그럼 아래와 같은 창이 뜨는데... 아래 빨간네모로 표시된 것처럼 WindowBuilder가 제대로 추가 되었는지 확인한다.




이중에서 아래와 같이 Swing Designer에서 Application Window를 선택하여 클래스 파일을 추가한다.
(GWT는 뭔지 모르겠고... SWT와 Swing가 있는데... 쉽게 생각해서 Swing가 SWT 업그레이드라고 보면된다.
SWT는 OS 종속이라 OS에 따라서 사용자에게 보여지는 버튼 모양이나 화면이 다르게 보이거나 버튼이나 화면의
크기나 위치가 틀어질수도 있다고 한다. 반면에 Swing은 소프트웨어에 종속적이라 어느 OS에서나 동일한 화면이
출력된다고하니 특별한 경우가 아니고선 Swing으로 개발하는게 좋을것 같다.)




그럼 일반 Java 클래스를 추가했을때와 다르게 빨간네모로 표시된 탭이 보이는데 여기에서 Design을 클릭해보면

아래와 같은 화면이 나온다. 이제부터는 마우스로 휙휙 추가하고 코딩해주고 하면 된다.

[출처] [Eclipse] 이클립스 GUI 개발 환경 구축하기|작성자 Moong