자바 GUI 툴 google 에서 만든 자바 gui 툴 WindowBuilder 관련

 

자바 windowbuilder 툴 사이트: http://www.eclipse.org/windowbuilder/

 

 

=================================

=================================

=================================

 

 

출처: http://felixblog.tistory.com/77

 

Java 의 Swing programming 에 도움이 될 만한 "WindowBuilder Pro" 설치, 이용법입니다. "WindowBuilder Pro" 를 이용하면 GWT, Swing, SWT 등의 Java GUI design programming 을 할 때에 도움을 받을 수 있을 것입니다.  아래에서는 기본적인 설치 방법만을 포스팅 하였습니다. 자세한 내용은 WindowBuilder 사이트를 참고하세요.  아래의 캡춰 화면이 잘 보이지 않으면 사진을 클릭하면 됩니다.  WindowBuilder Pro 는 Eclipse 의 Plug-in 이므로, Eclipse 에서 Help-Install New software 를 선택합니다.

 

  사이트 입력 란에는 위 캡쳐화면과 같이 http://dl.google.com/eclipse/inst/d2wbpro/latest/4.3 를 입력합니다. 저는 Eclipse Kepler 를 이용하므로 주소에 4.3 을 입력했습니다. 각자 사용하는 Eclipse 버전에 맞도록 숫자를 수정하기 바랍니다.  Eclipse 버전 확인은 wikipedia 에서 할 수 있습니다.  저는 Swing Design 을 하는 것이 목적이므로 Swing Designer 와 WindowBuilder Engine 을 체크했습니다. 목적에 따라 필요한 항목을 체크하면 됩니다. 단, WindowBuilder Engine 은 Required 표시가 돼 있는 만큼 반드시 체크해야 합니다.  accept 와 next 를 적절히 누르면 설치를 완료할 수 있습니다.(이 글을 읽는 분들을 믿으므로 이 과정은 생략...)  설치가 완료되었는데... 어떻게 사용할까요?  우선 JFrame 을 상속받는 클래스를 먼저 만들어 줍니다. 필자는 TestJava 패키지에 MyFrame 이라는 클래스를 만들기로 했습니다.

 

  new - class 를 선택한 뒤...

 

  Class Name 을 MyFrame 으로 입력하고,  현재 Superclass 가 Object 로 지정돼 있으므로 Browse 를 클릭하여 jFrame Class 를 찾습니다. OK, Finish 버튼을 눌러 클래스 생성 완료.  public static void main(String[] args) 는 체크하지 않았음을 염두에 둡시다. 현재 패키지에서 MyFrame 클래스 만으로는 프로그램을 실행할 수 없습니다.

 

  위에서 만든 클래스가 담긴 java file 을 open with - WindowBuilder Editor 를 이용하여 엽니다.

 

  그러면 소스창 하단 탭에서 Sourse와 Design 을 선택할 수 있습니다. 먼저 Design 창을 열어 봅니다. 좌측에 여러가지 컴포넌트가 있음을 볼 수 있습니다. Layouts 중 Absolute layout 을 선택 후, 우측의 프레임 위로 마우스를 이동해 봅시다. 그러면 마우스 커서에 + 표시가 생길 것입니다.  그대로 클릭! 하면.. 변화가 없어 보이지만..

 

  Source 탭을 눌러 소스창으로 돌아가 보면 getContentPane().setLayout(null); 문장이 추가된 것을 볼 수 있습니다. MyFrame 에 Absolute layout 이 설정된 것입이다.  이제, Frame 내에 Label 을 만들어 봅시다..

 

  Design 창에서 JLabel 을 선택한 후, Frame 상에서 Label 의 위치를 지정합니다.

 

  좌측 Components view 에 lblNewLabel, lblNewLabel_1 가 추가되었고, Frame 상에도 두 개의 Label 이 추가된 것을 볼 수 있습니다.

 

  소스 코드를 보면 WindowBuilder 가 Label 의 좌표를 설정해 주고 있음을 볼 수 있습니다.    UI Programming은 어렵지 않으면서도 시간이 많이 드는 부분이므로, WindowBuilder 와 같은 툴을 이용하면 작업 시간을 훨씬 단축할 수 있을 것이라고 생각합니다. 꼭 WindowBuilder 가 생성해 준 코드를 그대로 사용하지 않더라도, 하나의 샘플로 생각하여 활용해도 좋을 것 같습니다.  포스팅 끝^^! 

 

 

 

 

 

=================================

=================================

=================================

 

 

 

 

반응형

 

 

728x90

 

 

 

 

출처: http://myeonguni.tistory.com/1193

 

 

 

 

이번 포스팅은 저번에 다루었던 넷빈(Netbean)에 이어

 

자바 GUI 툴인 이클립스 윈도우빌더(window builder)에 대하여 다루어 보고자 합니다.

 

개인적으로 넷빈과 윈도우빌더 두 가지를 다 사용해본 입장에서 말씀드리자면, 넷빈은 윈도우빌더 보다 상대적으로 GUI의 디자인이 예쁘게 나오는 편인 것 같고 윈도우빌더는 넷빈보다 소스코드가 덜 복잡하게 작성되는 것 같습니다.

 

따라서 자신의 역량에 맞는 툴을 사용하시면 보다 자바 GUI 작업이 효율적으로 이루어질 수 있을 것 같습니다!

 

 

자 그럼, 이클립스 윈도우빌더 설치법에 대하여 알려드리도록 하겠습니다.

 

 

 

 

 

▲ (1) 이클립스 실행 후, 상단 메뉴 바 > Help > Install New Software... 클릭

 

 

 

 

▲ (2) Add 클릭

 

 

 

 

▲ (3) Name 에 이름을 지정해주신 후, Location 에 아래 주소를 입력 해줍니다.

 http://download.eclipse.org/windowbuilder/WB/integration/4.5/

 

 

 

 

 

▲ (4) 체크박스 전체 선택 후 하단의 Next를 클릭합니다.

 

 

 

 

 

▲ (5) Next를 클릭합니다.

 

 

 

 

 

▲ (6) License 동의에 체크하시고 Finish 버튼을 누르시면 아래와 같이 설치가 진행됩니다.

 

 

 

 

 

 

 

▲ (7) 윈도우 빌더(window builder)설치가 완료된 후 Yes 버튼을 클릭하시면 이클립스를 다시 실행합니다.

 

 

자 이제 윈도우 빌더의 설치가 완료되었습니다 !

 

그럼 다음으로 설치가 제대로 되었는지 확인해보도록 하겠습니다.

 

 

 

 

 

▲ (1) 새로운 자바 프로젝트를 하나 만들어줍니다. File > New > Project

 

 

 

 

▲ (2) Java Project > Next

 

 

 

 

▲ (3) 프로젝트 이름을 입력해주시고 Finish 버튼을 클릭합니다.

 

 

 

 

▲ (4) 자 이제 만들어진 프로젝트에 윈도우빌더 스윙디자이너 파일을 추가해보도록 하겠습니다.

프로젝트 내의 src(마우스 오른쪽 클릭) > New > Other 클릭

 

 

 

 

▲ (5) WindowBuilder > Swing Designer > 자신이 만들 스윙컨테이너 선택(저는 JFrame으로 하였습니다)

 

 

 

 

▲ (6) 만드실 클래스 파일의 Name 을 입력 > Finish 클릭

 

 

 

▲ (7) 다음과 같이 생성되었다면 잘 따라오고 있습니다*^^*

 

 

 

 

 

▲ (8) 자 그럼 실질적인 윈도우 빌더를 사용해 봅시다

기존 자바 파일과 달리 자바 소스 하단에 Design 메뉴가 생긴 것을 확인하실 수 있습니다.

클릭하여 줍니다.

 

 

 

 

 

▲ (9) 위와 같은 윈도우빌더 GUI환경의 개발툴 화면이 뜨셨다면 설치가 제대로 된 것입니다.

 

 

 

 

 

▲ (10) 간단한 사용법은 Palette에 있는 컨테이너 및 컴포넌트를

위와 같이 마우스 드래그 앤 드롭을 이용하여 추가하실 수 있습니다.

또한, 상단에 있는 컴파일 버튼을 누르면 바로 GUI화면을 확인 할 수 있습니다.*^^*

 

 

이상으로 자바 이클립스 윈도우빌더(window builder) 설치 및 간단한 사용법을 알아보았습니다.

 

자바 GUI툴은 많이 있지만, 윈도우빌더는

 이클립스 툴 내부적으로 GUI 개발툴을 추가하여사용할 수 있다는 점이 가장 큰 장점인 것 같습니다.

 

그럼 다들 열공하세요!

 

 

=================================

=================================

=================================