2009. 10. 12. 16:25

Java FX for Eclipse





JavaFX가 넷빈즈에서만 돌아가는 줄 알았는데 역시나 이클립스 용 플러그인이 나와 있습니다.


위 링크를 통해 다운로드 받은 파일을 eclipse 설치 폴더에 압축해제하면 설치는 완료 됩니다.

사용방법은 다음과 같습니다.

아래 이미지와 내용은 해당 사이트의 Getting Start 문서를 옮겨왔습니다.

JavaFX SDK 설치

JavaFX SDK for Windows or Mac Os X 다운로드 받아 설치합니다.

Eclipse 설치

Eclipse 3.4 이상이 필요하며. Eclipse IDE for Java EE Developers for Windows or Mac OS X 설치가 필요합니다.

Plugin 설치

  1. plugin을 다운로드 받습니다.:
  2. com.sun.javafx.eclipse.feature-win32-win32-x86-1.0.1.zip for Windows
  3. com.sun.javafx.eclipse.feature-macosx-carbon-x86-1.0.1.zip for Mac OS X
  4. eclipse 설치 디렉토리에 압축을 해제합니다.
  5. Eclipse 을 실행합니다.

JavaFX 프로젝트 만들기 와 JavaFX SDK 설정하기
  1. 이클립스를 시작하면 이클립스 workbench의 기본 레이 아웃이 보입니다.
    New empty workbench
  2. Package Explorer에서 오른쪽 클릭하여 New > Java Project 를 선택합니다.
    New Java Project menu
  3. Create a new JavaTM project 로 자바 프로젝트를 생성합니다. 
    New empty workbench
  4. MyJavaFXProject 라는 프로젝트 명과 Finish 버튼을 누릅니다. 새로운 프로젝트가 Package Explorer에 나타납니다. 
    New project created
  5. 프로젝트 이름을 선택하고 오른쪽 클릭하여 JavaFX > Add JavaFX Nature 를 선택합니다.
    Add JavaFX nature to Java Project
  6. 그럼 JavaFX perspective가 활성화 됩니다. JavaFX nature 를 Java Project 에 처음 추가 하는것이라면 JAVAFX_HOME 속성값을 물어볼수도 있습니다.
    Error, JavaFX SDK home not set up.
    JAVAFX_HOME 속성 설정은 아래 단계를 따릅니다.:
    1. 다이얼로그 메시지의 OK 버튼을 누르고 No thanks, I prefer Cancel 버튼을 누릅니다.
    2. 아래와 같은 다이얼로그 창이 그면 JAVAFX_HOME 값을 (empty)로 추가시킵니다.
      Preferences: Classpath Variables
    3. 그리고 Edit... 버튼을 누르면 아래와 같은 창이 뜹니다.
      Edit classpath variable
    4. Folder... 버튼을 눌러 the JavaFX SDK 설치 폴더를 지정해줍니다. 
      Select instalation folder of JavaFX SDK
    5. 폴더선택창의 OK 버튼을 누르고, 변수 Edit 창의 OK 버튼을 누릅니다. 
      Result of setting JAVAFX_HOME property
    6. Preferences 다이얼로그의 OK버튼을 누릅니다. 그럼 JAVAFX_HOME 변수의 세팅이 끝납니다. 만약 Cancel 버튼을 누르면 에러 다이얼로그 창이 뜨며 다시 반복하여 묻게 됩니다.
  7. 이로서 첫번째 JavaFX Project 생성이 완료되었습니다. 
    Opened JavaFX Perspective with Java Project with JavaFX nature

Adding Files

  1. MyJavaFXProject 를 확장해보자. src 폴더를 선택하고. 오른쪽 클릭을 하여 New > Package를 선택한다. 그리고 package 이름에 com.sun.eclipse.example를 입력해보자.
    Adds new Empty Script file into folder.
  2. src/com.sun.eclipse.example 폴더를 오른쪽 클릭후. New > Empty Script 를 선택하자.
    Adds new Empty Script file into folder.
  3. New File 마법사가 보일것이다. Name 필드에 Main 이라고 입력하자.
    New file wizzard
  4. Finish 버튼을 누르면 새로운 JavaFX 스크립트 창이 열린다. 
    New empty FX script
  5. Snippets view를 보자. 여기엔 애플리케이션 개발을 도와줄 여러 가지 code snippets 이 있다. Applications 항목을 열어 Stage를 선택해보자.
    Snippets View
  6. Stage 노드를 editor window로 Drag and drop 하면. Insert Template: Stage 다이얼로그가 보인다. title 변수값을 Hello World 로 바꾸자.
    Result after drop
  7. Insert 버튼을 누르면 template 의 결과가 소스 코드로 변환되어 insert 된다. 
    Result in editor
  8. Mission accomplished, Sir!

Running

Eclipse 로 실행하는 것은 매우 쉽다.

  1. 툴바의 Run 버튼을 누른다. 
    Run icon
  2. 첫번째 실행이라면 Edit Configuration 다이얼로그가 보인다. 
    Configuration
    모든 옵션은 default 값이다. 가장 흥미로운 부분은 Profile - Target 옵션이다. 여기서 실행환경을 조정할 수 있다. 가능한 옵션은 아래와 같다.:
    • Desktop profile - Run as Application
    • Desktop profile - Run as Applet
    • Desktop profile - Run with WebStart
    • Mobile Profile[?] - Run in Emulator
  3.  Run 버튼을 눌러 애플리케이션을 작동시킨다. console 창에 실행 프로그레스가 뜰것이다. 
    Running application

Building

Eclipse 에서의 Build 작업은 default로 자동으로 제공된다. Project 메뉴에서 Build와 관련된 좀 더 많은 옵션을 볼 수 있다.

Configuration Options

  1. Package Explorer 에서 프로젝트 선택 후 오른쪽 클릭하여 Properties를 선택한다. 
    Menu: Project Properties
  2. Properties 창이 보이면 JavaFX Defaults 를 선택한다.
    Properties: JavaFX Defaults
    여기서 JavaFX Project의 실행과 디플로이 프로세스 동안 사용되는 몇가지 기본 파라미터 값을 수정할 수 있다. 좀 더 많은 정보는 JavaFX Packager Documentation 을 통해 볼 수 있다.

JavaFX Help

이 플러그인은 JavaFX SDK documentation로의 접근을 매우 쉽게 해준다. Help > Java FX > JavaFX Script Documentation or press Ctrl + F1 를 누르므로서 Document에 접근 할 수 있다.
JavaFX SDK Help

Footnotes:

  • 언제든 JAVAFX_HOME 변수를 아래와 같은 방법으로 수정 할 수 있다.:
    1. Open Window > Preferences
    2. Expand Java > Build Path and select Classpath Variables
    3. Edit JAVAFX_HOME
  • SDK의 profile을 아래 단계를 통해 수정 할 수 있다.:
    1. Right click on project name. Select Properties > Java Build Path > Libraries
    2. Double click on JavaFX System Library. The Edit Library dialog appears. Here you can set the profile to use.
      Dialog: Edit JavaFX System Library