Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Efxclipse/Tutorials/Tutorial01v4.5.0


Under-Construction-Go-somewhere-else.jpg Prior version of this wiki page for Juno, Indigo and xxx are still available.
From creation to deployment How to create a very basic e(fx)clipse project on a Mars 4.5.0 version of eclipse. These instructions were written and the screen captures taken with a clean install of the Eclipse for RCP and RAP Developers 64 bit package available here (http://www.eclipse.org/downloads/packages/eclipse-rcp-and-rap-developers/marsr). The Operating system used was Windows 7 SP1. These steps do not include the install of eclipse 4.5.0 (Mars). This tutorial does not cover installing the e(fx)clipse IDE and setup a target platform for your application development. See this tutorial for instructions on how to install the e(fx)eclipse IDE and setup a target platform.

  1. File > New > Project
File-New-Project.png
  1. Type in JavaFX in the Wizards: text box.
  2. Select the JavaFX Project entry
  3. Press the Next > button.
Type-JavaFX-Select-JavaFXProject.png
  1. Enter a project name MyJavaFXApp at the Project name: text box
  2. Press press the Next > button.

Type-MyJavaFXApp-Press-Finish-Next.png

  1. Take the defaults and press the Next > button.

Take-the-defaults-and-press-the-Next-button.png

  1. Take the defaults and press the Finish button.

Take-the-defaults-and-press-the-Finish-button.png

  1. Select the Main class.
  2. Pull up the context pop pout menu with a right mouse click.
  3. Select the Run As option.
  4. Select the Java Application Alt+Shift+X, J option on the sub pop out context menu.

Select-JavaApplication.png

  1. An empty window is rendered.
  2. Close the window.

An-empty-window-is-rendered.png


  1. Add the following four lines of Java Code at the location screen on the following screen capture.
  2. Save the changes by typing CTL+S

Add-four-lines-of-Java-code.png

root.setTop(new Text("Top"));
root.setBottom(new Text("Bottom"));
root.setRight(new Text("Right"));
root.setLeft(new Text("Left"));
  1. Run the application again.
  2. This time the words Top, Bottom, Left, Right and Center will appear. The green boxes will not render. The green box are just something added to the screen capture to help the newbie see how the parts of a BorderPane layout.

Top-Bottom-Left-Right-Center.png

Deployment

  1. Open the build.fxbuild file.
  2. At the Vendor name*: text box enter BestSolutions.
  3. At the Application Title*: text box enter BestSolutions.
  4. At the Application version*: text box enter 1.0.0.

Build-fxbuild-Press-Application-Browse-button.png

  1. At the Application Class*: text box press the Browse ... button.
  2. Pick the Main entry and press the OK button.

Pick-the-Main-entry-press-OK-button.png

  1. Save the changes by typing CTL+S
  2. Click on the ant build.xml and run link in the build section of the editor.

Click-AntBuildXMLandRun.png

  1. The tutorial is now complete.
  2. Read the console to check that there are no errors.
  3. Expand the Package Explorer to see the jar file MyJavaFXApp.jar
Jar and console.png

Back to the top