View source for Efxclipse/Tutorials/Tutorial01v4.5.0

{{Efxclipse}}

[[File:Under-Construction-Go-somewhere-else.jpg]]
Prior version of this wiki page for [[Juno|Juno]], [[Indigo|Indigo]] and [[xxx|xxx]] are still available. <br />
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 [[Efxclipse/Tutorials/AddingE(fx)clipse to eclipse | this]] tutorial for instructions on how to install the e(fx)eclipse IDE and setup a target platform.
#File > New > Project
[[File: File-New-Project.png|none|900px]]
 
# Type in '''JavaFX''' in the '''Wizards:''' text box.
# Select the '''JavaFX Project''' entry
# Press the '''<u>N</u>ext >''' button.
[[File:Type-JavaFX-Select-JavaFXProject.png|none]]

# Enter a project name '''MyJavaFXApp''' at the '''<u>P</u>roject name:''' text box 
# Press press the '''<u>N</u>ext >''' button.
[[File:Type-MyJavaFXApp-Press-Finish-Next.png]]
 	
# Take the defaults and press the '''<u>N</u>ext >''' button.
[[File:Take-the-defaults-and-press-the-Next-button.png]]
# Take the defaults and press the '''<u>F</u>inish''' button.
[[File:Take-the-defaults-and-press-the-Finish-button.png]] 

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

[[File:Select-JavaApplication.png]]
 
# An empty window is rendered.
# Close the window.
[[File:An-empty-window-is-rendered.png]]

 
# Add the following four lines of Java Code at the location screen on the following screen capture.
# Save the changes by typing '''CTL+S''' 
[[File:Add-four-lines-of-Java-code.png]]
<br />
<pre>
root.setTop(new Text("Top"));
root.setBottom(new Text("Bottom"));
root.setRight(new Text("Right"));
root.setLeft(new Text("Left"));
</pre>

# Run the application again.
# 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. 
[[File:Top-Bottom-Left-Right-Center.png]]
 
== Deployment ==
# Open the '''build.fxbuild''' file.
# At the '''Vendor name*:''' text box enter '''BestSolutions'''.
# At the '''Application Title*:''' text box enter '''BestSolutions'''.
# At the '''Application version*:''' text box enter '''1.0.0'''.
[[File:build-fxbuild-Press-Application-Browse-button.png]]
# At the '''Application Class*:''' text box press the '''Browse ...''' button.
# Pick the '''Main''' entry and press the '''OK''' button.
[[File:Pick-the-Main-entry-press-OK-button.png]]
 
# Save the changes by typing '''CTL+S''' 
# Click on the '''ant build.xml and run''' link in the build section of the editor.
[[File:Click-AntBuildXMLandRun.png]]

# The tutorial is now complete.
# Read the console to check that there are no errors.
# Expand the Package Explorer to see the jar file '''MyJavaFXApp.jar'''
[[File:jar_and_console.png|none|900px]]