이클립스(Eclipse) SWT, AWT 화면개발에 도움되는 GUI 플러그인 Window Builder

이클립스(Eclipse) SWT, AWT 화면개발에 도움되는 GUI 플러그인 Window Builder

 

환경 : Eclipse Mars, Android 4.2.2

 

Window Builder 는 원래 SWT/Swing 을 위한 개발툴인데 내부에 Jframe 을 개발할수 있도록 기능이 제공됩니다. 이클립스에 설치할수 있는 GUI 툴이라 UI 을 일일이 소스에서 수정하는 바보같은 짓은 하지 않아 좋네요.

 

▼ 설치를 위해 Help > Eclipse Marketplace.. 메뉴를 클릭합니다. 그러면 플러그인 마켓창이 열립니다.

 

 

▼ Marketplace 에서 WindowBuilder 검색합니다. 그럼 WindowBuilder Pro GUI Designer 8.0 이 나오게 될겁니다.일반적으로 Install 이 활성화 되어 있어서 바로 클릭하면 설치가 되는데 WindowBuilder 는 안되어 있네요. 이럴때는 링크된 사이트로 가서 설치 주소를 알아와야 합니다.

 

 

▼ Learn more 을 클릭해서 사이트로 갑니다. 바로 설치할수 있도록 되어 있지 않기 때문에 주소를 알아와야 하는데 페이지에 보시면 다운로드 화살표가 있을 겁니다. 그걸 클릭하시면 설치 주소를 알려주는 창이 뜨게 됩니다. 그 주소를 복사합니다.

http://dl.google.com/eclipse/inst/d2wbpro/latest/3.6

 

 

▼ 복사한 주소로 플러그인을 설치 하기 위해 Help > Install New SoftWare 를 클릭합니다. 그리고 Add 를 눌러 주소를 복사하고 추가합니다.

 

 

▼ 그러면 주소에 해당하는 플러그인 목록이 나오게 되는데 아래 처럼 SWT Designer SWT_AWT Support 가 바로 AWT 를 개발할수 있도록 해줍니다.

 

 

▼ 설치가 끝나면 재부팅합니다. 이제 플러그인으로 개발하기 위해 AWT 클래스 파일을

하나 만들어 보겠습니다. New > Other > WindowBuilder 로 갑니다. Swing Designer 목록중에 어떤걸 선택해도 상관없습니다. 어차피 대화상자에서 고칠거니까요.

 

 

▼ 다음으로 넘어가면 Create Jframe 화면이 나오게 되는데 Superclass 를 java.awt.Frame 로 수정하고 이름을 넣습니다. 그리고 완료합니다.

 

 

▼ 소스가 자동으로 생성되는데 이 소스가 만들어지는 기반은 SWT 기반입니다. 그래서 아래 에러나는 부분은 삭제하시면 됩니다.

 

 

▼ 아래 보시면 탭이 두개 일겁니다. 디자인 탭을 클릭해서 들어가 봅니다. 그럼 편집할수 있도록 각종 컨트롤들이 제공됩니다. 이것들을 끌어다가 넣으시면 됩니다.

 

 

▼ AWT 컨트롤들은 아래에 있습니다. 이것들을 끌어다 놓고 작업하시면 됩니다.

 

 

▼ 기존에 작업하던 내용들을 플러그인으로 작업하고 싶다면 Open With 해서 WindowBuilder Editor 로 열어야 합니다. 그래야만 디자인 탭이 생기고 기존 파일들을 GUI 툴로 수정할수 있는 것입니다.