JavaFX Plugin for Eclipse: Wiki: GettingStarted

Issue Tracking
» Issue Tracking
Mailing Lists
Downloads
» Downloads
Message Forum
» General Discussion
Source Code Repository
» Subversion Source Code Repo...
Wiki
» Wiki

Jump to Page:

JavaFX Plugin for Eclipse was started in December 2008, is owned by Martin Ryzl, and has 60 members.

» Join This Project

Last updated December 12, 2008 00:56, by stemkev

= Java FX for Eclipse = __TOC__ == Installation == === Install JavaFX SDK === Download JavaFX SDK for [http://java.sun.com/javafx/downloads Windows] or [http://java.sun.com/javafx/downloads Mac Os X]. Follow the installation instructions. === Install Eclipse === The plugin requires Eclipse 3.4 or newer. We recommend downloading Eclipse IDE for Java EE Developers for [http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/ganymede/SR1/eclipse-jee-ganymede-SR1-win32.zip Windows] or [http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/ganymede/SR1/eclipse-jee-ganymede-SR1-macosx-carbon.tar.gz Mac OS X]. Then follow the installation instructions. === Install Plugin === # Download plugin: # [http://kenai.com/downloads/eplugin/com.sun.javafx.eclipse.feature-win32-win32-x86-1.0.zip com.sun.javafx.eclipse.feature-win32-win32-x86-1.0.zip] for Windows # [http://kenai.com/downloads/eplugin/com.sun.javafx.eclipse.feature-macosx-carbon-x86-1.0.zip com.sun.javafx.eclipse.feature-macosx-carbon-x86-1.0.zip] for Mac OS X # Unzip into the eclipse installation directory # There should be new files in <code>''ECLIPSE_ROOT/''plugins</code> and <code>''ECLIPSE_ROOT/''features</code> # Run Eclipse == Hello World == === Creating JavaFX Project and Configuring JavaFX SDK === # Start eclipse. You will see the basic layout of the workbench. [[image: new_workbench_java.png|New empty workbench]] # In the Package Explorer view right-click and select New > Java Project [[image: create_new_java_project.png|New Java Project menu]] # Create a new JavaTM project. [[image: new_project_wizard_step1.png|New empty workbench]] # Name it MyJavaFXProject and press the Finish button. The new project appears in the Package Explorer. [[image: new_project_wizard_result.png|New project created]] # Right-click on the newly created project and select JavaFX > Add JavaFX Nature. [[image: add_javafx_nature.png|Add JavaFX nature to Java Project]] # The JavaFX perspective is activated. If this is first time you are adding the JavaFX nature to a Java Project you will be asked to set the <code>JAVAFX_HOME</code> property. [[image: missing_javafx_sdk_message.png|Error, JavaFX SDK home not set up.]] To set up the <code>JAVAFX_HOME</code> property, follow these steps: ## Press OK on message dialog. No thanks, I prefer [[#IWantSelectCancel|Cancel]] button. ## You should see the below dialog with <code>JAVAFX_HOME</code> set to (empty) value. [[image: preferences_setup_javafx_sdk_path.png|Preferences: Classpath Variables]] ## Press Edit... button on the right side to bring up the edit window. [[image: edit_variable_entry.png|Edit classpath variable]] ## Press the Folder... button and select the installation folder of the JavaFX SDK. [[image: folder_selection_javafs_sdk_root_folder.png|Select instalation folder of JavaFX SDK]] ## Press OK on Folder Selection dialog, press OK on Edit Variable Entry dialog. [[image: preference_setup_result.png|Result of setting JAVAFX_HOME property]] ## Press OK on Preferences dialog. The <code>JAVAFX_HOME</code> variable has been set. If you decided to select the Cancel button on the error dialog you will skip this setup and the system will never ask you for this again. To set this up later just [[#sorryISelectCancel|follow these instructions]]. # Voila! you have created your first JavaFX Project. [[image: javafx_perspective_overview.png|Opened JavaFX Perspective with Java Project with JavaFX nature]] === Adding Files === # Expand MyJavaFXProject. Left click on src folder. Then select New > Package and type into the Name field the package name com.sun.eclipse.example. [[image: create_new_package.png|Adds new Empty Script file into folder.]] # Left click on src/com.sun.eclipse.example folder. Then select New > Empty Script. [[image: new_file_empty_script_menu.png|Adds new Empty Script file into folder.]] # The New File wizard will appear. Type Main into the Name field. [[image: new_file_wizard.png|New file wizzard]] # Press the Finish button and an empty new JavaFX script will be created. [[image: new_file_result.png|New empty FX script]] # Let's focus on Snippets view. There are a lot of code snippets to help you develop your application. Expand Applications and select Stage. [[image: snippets_applications.png|Snippets View]] # Drag and drop a Stage node into the editor window. The Insert Template: Stage dialog appears. Change the value of the title variable to Hello World!. [[image: drag_stage_into_editor.png|Result after drop]] # Press the Insert button to insert the resulting template into the source code. [[image: result_after_drop_stage.png|Result in editor]] # Mission accomplished, Sir! === Running === Running the application in Eclipse is extremely easy. # Press the Run button on the toolbar to launch the application. [[image: run_file_icon_detail.png|Run icon]] # If you are running for the first time the Edit Configuration dialog appears. [[image: runnig_configuration.png|Configuration]] All options are set to default values. The most interesting part is the Profile - Target option. Here you can set up the execution environment. Possible options are: #* Desktop profile - Run as Application #* Desktop profile - Run as Applet #* Desktop profile - Run with WebStart #* Mobile Profile[[#switchingProfiles|[?]]] - Run in Emulator # Press Run to start the application. The console window will appear notifying you about progress of execution. [[image: running_as_application.png|Running application]] === Building === Building in Eclipse is provided automatically by default. For more building options open the Project menu === Configuration Options === # Right-click the project in the Package Explorer, and select Properties. [[image: project_properties_menu.png|Menu: Project Properties]] # The Properties dialog appears. Select JavaFX Defaults. [[image: javafx_project_properties.png|Properties: JavaFX Defaults]] Here you can edit several default parameters used during the execution and deployment process of JavaFX Projects. For more information about the meaning of available options see the JavaFX Packager Documentation. === JavaFX Help === The plugin provides easy access to the JavaFX SDK documentation. You can invoke help by Help > Java FX > JavaFX Script Documentation or press <code>Ctrl + F1</code> [[image: help_button.png|JavaFX SDK Help]] <div class="footNotes"> === Footnotes: === * At any time you can setup or change the <code>JAVAFX_HOME</code> variable by following these steps: *# Open Window > Preferences *# Expand Java > Build Path and select Classpath Variables *# Edit <code>JAVAFX_HOME</code> * You can switch profiles in SDK by following these steps: *# Right click on project name. Select Properties > Java Build Path > Libraries *# Double click on JavaFX System Library. The Edit Library dialog appears. Here you can set the profile to use. [[image: edit_javafx_system_library.png|Dialog: Edit JavaFX System Library]] </div>