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

Difference between revisions of "Efxclipse/Tutorials/AddingE(fx)clipse to eclipse"

(New Wizards)
(Configure eclipse to use a JDK not a JRE)
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:Under_Construction_Go_somewhere_else.jpg]]
 
 
= Installing e(fx)clipse IDE.=
 
= Installing e(fx)clipse IDE.=
How to install e(fx)clipse on a Mars 4.5.0 version of eclipse
+
How to install e(fx)clipse 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).
 
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).
 
[[File:Help_Install_New_Software.png|none|900px]]
 
[[File:Help_Install_New_Software.png|none|900px]]
Line 29: Line 28:
 
# Press the '''<u>N</u>ext >''' button.
 
# Press the '''<u>N</u>ext >''' button.
 
[[File:New_Target_Definition_Name_e(fx)eclipse_Add.png|none|900px]]
 
[[File:New_Target_Definition_Name_e(fx)eclipse_Add.png|none|900px]]
# Enter '''e(fx)clipse''' as the target platform name.
+
# Enter '''e(fx)clipse''' as the target platform '''Name:'''.
 
# Press the '''Add...''' button.   
 
# Press the '''Add...''' button.   
 
[[File:Add_Content_Add_Software_Site_Next.png|none|900px]]
 
[[File:Add_Content_Add_Software_Site_Next.png|none|900px]]
Line 44: Line 43:
 
# Press the '''Apply''' button.
 
# Press the '''Apply''' button.
 
# Press the '''OK''' button.
 
# Press the '''OK''' button.
 +
 +
= Configure eclipse to use a JDK not a JRE =
 +
When doing a '''ant build and run''' from the '''FX Build Configuration''' (file: build.fxbuild) the JRE Library must really be a JDK.  The following step show how to configure a JRE as a JDK so the '''ant build and run''' will work.
 +
[[File:FX_Build_Config.png|none|900px]]
 +
# Window -> Preferences
 +
[[File:Window_Preferences.png|none]]
 +
# Java -> Installed JREs
 +
# Press the '''Add...''' button.
 +
[[File:Java_Installed_JREs.png|none|900px]]
 +
# Select '''Standard VM'''
 +
# Press the '''Next >''' button.
 +
[[File:StandardVM.png]]
 +
# Don't press the '''Directory...''' button.  The '''Directory...''' button will filter out JDKs and only show JREs. 
 +
[[File:JRE_Home.png|none|900px]] 
 +
# Use the Operating System's file system browser get the full path of the target JDK.
 +
# In this example
 +
# '''C:\Program Files\Java\jdk1.8.0_25'''
 +
# Copy and paste the full path into the '''JRE home:''' text box.
 +
# Press the '''Finish''' button.
 +
[[File:JRE_Definition.png|none|900px]]
 +
# Make the new JDK the default JRE by checking the check box.
 +
# Press the '''OK''' button.
 +
[[File:Installed_JREs.png|none|900px]]
 +
# Navigate to the '''Execution Environments''' dialog.
 +
# Java -> Installed JREs -> Execution Environments.
 +
# Check the check box next the JDK, not the JRE.
 +
# Press the '''OK''' button.
 +
[[File:Execution_Environments.png|none|900px]]
 +
# The steps are now complete. All future new projects will point to a JDK, not a JRE.  If you have any existing projects they will still point to the JRE, not the JDK.
  
 
= A quick peak at what is now installed =
 
= A quick peak at what is now installed =
Line 49: Line 77:
 
[[File:Package_Explorer_Right_Click_New_Project.png|none|900px]]
 
[[File:Package_Explorer_Right_Click_New_Project.png|none|900px]]
 
Package Explorer -> ''(right mouse click)'' -> New -> Project...
 
Package Explorer -> ''(right mouse click)'' -> New -> Project...
 
+
<br />
 +
<br />
 +
<br />
 
[[File:Project_Explorer_New_Other_JavaFX.png|none|900px]]
 
[[File:Project_Explorer_New_Other_JavaFX.png|none|900px]]
 
+
New, Wizard, JavaFX
 +
<br />
 +
<br />
 +
<br />
 
[[File:JavaFX_HTML_Template.png|none|900px]]
 
[[File:JavaFX_HTML_Template.png|none|900px]]
 
+
JavaFX -> JavaFX HTML Template
 +
<br />
 +
<br />
 +
<br />
 
[[File:JavaFX_Project_Create_a_Java_Project.png|none|900px]]
 
[[File:JavaFX_Project_Create_a_Java_Project.png|none|900px]]
 
+
JavaFX -> JavaFX Library Project
 +
<br />
 +
<br />
 +
<br />
 
[[File:Product_Configuration.png|none|900px]]
 
[[File:Product_Configuration.png|none|900px]]
 
+
JavaFX -> JavaFX Product Configuration
 +
<br />
 +
<br />
 +
<br />
 
[[File:Create_a_Java_Project.png|none|900px]]
 
[[File:Create_a_Java_Project.png|none|900px]]
 
+
JavaFX -> JavaFX Create a Java Project
 +
<br />
 +
<br />
 +
<br />
 
[[File:FXGraph_File.png|none|900px]]
 
[[File:FXGraph_File.png|none|900px]]
 
+
JavaFX -> JavaFXGraph File
 +
<br />
 +
<br />
 +
<br />
 
[[File:FXML_File.png|none|900px]]
 
[[File:FXML_File.png|none|900px]]
 
+
JavaFX -> FXML File
 +
<br />
 +
<br />
 +
<br />
 
[[File:JavaFX_3.x_ViewPart.png|none|900px]]
 
[[File:JavaFX_3.x_ViewPart.png|none|900px]]
 
+
JavaFX -> JavaFX 3.x ViewPart
 +
<br />
 +
<br />
 +
<br />
 
[[File:JavaFX_Main_Class.png|none|900px]]
 
[[File:JavaFX_Main_Class.png|none|900px]]
 
+
JavaFX -> JavaFX Main Class
 +
<br />
 +
<br />
 +
<br />
 
[[File:JavaFX_Preloader_Class.png|none|900px]]
 
[[File:JavaFX_Preloader_Class.png|none|900px]]
 
+
JavaFX -> JavaFX Preloader Class
[[File:New_FX-OSGi_application.png|none|900px]]
+
<br />
 
+
<br />
 +
<br />
 +
[[File:New_e4_FX_application.png|none|900px]]
 +
JavaFX -> New e4 FX application
 +
<br />
 +
<br />
 +
<br />
 
[[File:New_FX-OSGi_Bundle.png|none|900px]]
 
[[File:New_FX-OSGi_Bundle.png|none|900px]]
 
+
JavaFX -> New FX-OSGi Bundle
[[File:New_e4_FX_application.png|none|900px]]
+
<br />
 +
<br />
 +
<br />
  
 
== New Preferences ==
 
== New Preferences ==
 
[[File:Preferences_JavaFX.png|none|900px]]
 
[[File:Preferences_JavaFX.png|none|900px]]
 +
Window -> Preferences -> JavaFX
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_JavaFX_CSS.png|none|900px]]
 
[[File:Preferences_JavaFX_CSS.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSS
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_JavaFX_CSS_Syntax_Coloring.png|none|900px]]
 
[[File:Preferences_JavaFX_CSS_Syntax_Coloring.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSS -> Syntax Coloring
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_JavaFX_CSS_Template.png|none|900px]]
 
[[File:Preferences_JavaFX_CSS_Template.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSS -> Templates
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_JavaFX_CSSExtDsl.png|none|900px]]
 
[[File:Preferences_JavaFX_CSSExtDsl.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSSEXTDSL
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_JavaFX_CSSExtDsl_Compiler.png|none|900px]]
 
[[File:Preferences_JavaFX_CSSExtDsl_Compiler.png|none|900px]]
[[File:Preferences_CSSExtDsl_Template.png|none|900px]]
+
Window -> Preferences -> JavaFX -> CSSEXTDSL -> Syntax Compiler
 +
<br />
 +
<br />
 +
<br />
 +
[[File:Preferences_JavaFX_CSSExtDsl_Syntax_Coloring.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSSEXTDSL -> Syntax Coloring
 +
<br />
 +
<br />
 +
<br />
 +
[[File:Preferences_JavaFX_CSSExtDsl_Template.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> CSSEXTDSL -> Templates
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_FXGraph.png|none|900px]]
 
[[File:Preferences_FXGraph.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> FXGraph
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_FXGraph_Compiler.png|none|900px]]
 
[[File:Preferences_FXGraph_Compiler.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> FXGraph-> Compiler
 +
<br />
 +
<br />
 +
<br />
 
[[File:Preferences_FXGraph_Syntax_Coloring.png|none|900px]]
 
[[File:Preferences_FXGraph_Syntax_Coloring.png|none|900px]]
[[File:Preferences_FXGraph_Syntax_Coloring.png|none|900px]]
+
Window -> Preferences -> JavaFX -> FXGraph-> Syntax Coloring
[[File:Preferences_Templates.png|none|900px]]
+
<br />
 +
<br />
 +
<br />
 +
[[File:Preferences_JavaFX_FXGraph_Templates.png|none|900px]]
 +
Window -> Preferences -> JavaFX -> FXGraph-> Templates
 +
<br />
 +
<br />
 +
<br />
  
 
== New View ==
 
== New View ==
 
[[File:Show_View_JavaFX_JavaFX_Preview.png|none|900px]]
 
[[File:Show_View_JavaFX_JavaFX_Preview.png|none|900px]]
 
[[File:JavaFX_Preview.png|none|900px]]
 
[[File:JavaFX_Preview.png|none|900px]]

Latest revision as of 11:16, 10 September 2015

Installing e(fx)clipse IDE.

How to install e(fx)clipse 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).

Help Install New Software.png
  1. Select the Help menu.
  2. Select the Install New Software... option.
Install Work with All Available Sites Uncheck Group items by category Check e(fx)clipse - IDE.png
  1. Select the --All Available Sites -- option from the Work with: drop down list.
  2. Uncheck the Group items by category check box in the bottom details section.
  3. Check only the e(fx)clipse - IDE Name option. All the other options starting with e(fx)clipse - IDE are subsets of the full e(fx)clipse IDE. The e(fx)clipse - Minimal JavaFX OSGi integration bundles option is out of scope for these instructions.
  4. Press the Next > button.
Install Install Details Next.png
  1. Press the Next > button.
I accept the terms of the license agreement.png
  1. Press the I accept the terms of the license agreement radio button.
  2. Press the Finish button.
Installing Software.png
  1. Wait about 2 minutes for the install to complete.
Software Updates.png
  1. Press the Yes button.

Setup a target platform for your application development

Preferences Plug-in Development Target Platform Add.png
  1. Open Window > Preferences > Plugin-in Development > Target Platform
  2. Click Add ... on the right.
New Target Definition Nothing Start with an empty target definition.png
  1. Select Nothing: Start with an empty target definition.
  2. Press the Next > button.
New Target Definition Name e(fx)eclipse Add.png
  1. Enter e(fx)clipse as the target platform Name:.
  2. Press the Add... button.
Add Content Add Software Site Next.png
  1. Select Software Site. Then press the Next > button.
Add Content Add Software Site FX Target Uncheck Include required software Finish.png
  1. Enter http://download.eclipse.org/efxclipse/runtime-released/2.0.0/site as the site. Press the enter key while in the Work with: text box.
  2. Expand FX Target and check Target Platform for Eclipse
  3. Uncheck Include required software check box.
  4. Press the Finish button.
New Target Definition Name e(fx)eclipse Resolving.png
  1. The resolving will take less then one minute on most systems.
New Target Definition Name e(fx)eclipse Finish.png
  1. Check the e(fx)clipse check box to make the new target platform the (Active) platform.
  2. Press the Apply button.
  3. Press the OK button.

Configure eclipse to use a JDK not a JRE

When doing a ant build and run from the FX Build Configuration (file: build.fxbuild) the JRE Library must really be a JDK. The following step show how to configure a JRE as a JDK so the ant build and run will work.

FX Build Config.png
  1. Window -> Preferences
Window Preferences.png
  1. Java -> Installed JREs
  2. Press the Add... button.
Java Installed JREs.png
  1. Select Standard VM
  2. Press the Next > button.

StandardVM.png

  1. Don't press the Directory... button. The Directory... button will filter out JDKs and only show JREs.
JRE Home.png
  1. Use the Operating System's file system browser get the full path of the target JDK.
  2. In this example
  3. C:\Program Files\Java\jdk1.8.0_25
  4. Copy and paste the full path into the JRE home: text box.
  5. Press the Finish button.
JRE Definition.png
  1. Make the new JDK the default JRE by checking the check box.
  2. Press the OK button.
Installed JREs.png
  1. Navigate to the Execution Environments dialog.
  2. Java -> Installed JREs -> Execution Environments.
  3. Check the check box next the JDK, not the JRE.
  4. Press the OK button.
Execution Environments.png
  1. The steps are now complete. All future new projects will point to a JDK, not a JRE. If you have any existing projects they will still point to the JRE, not the JDK.

A quick peak at what is now installed

New Wizards

Package Explorer Right Click New Project.png

Package Explorer -> (right mouse click) -> New -> Project...


Project Explorer New Other JavaFX.png

New, Wizard, JavaFX


JavaFX HTML Template.png

JavaFX -> JavaFX HTML Template


JavaFX Project Create a Java Project.png

JavaFX -> JavaFX Library Project


Product Configuration.png

JavaFX -> JavaFX Product Configuration


Create a Java Project.png

JavaFX -> JavaFX Create a Java Project


FXGraph File.png

JavaFX -> JavaFXGraph File


FXML File.png

JavaFX -> FXML File


JavaFX 3.x ViewPart.png

JavaFX -> JavaFX 3.x ViewPart


JavaFX Main Class.png

JavaFX -> JavaFX Main Class


JavaFX Preloader Class.png

JavaFX -> JavaFX Preloader Class


New e4 FX application.png

JavaFX -> New e4 FX application


New FX-OSGi Bundle.png

JavaFX -> New FX-OSGi Bundle


New Preferences

Preferences JavaFX.png

Window -> Preferences -> JavaFX


Preferences JavaFX CSS.png

Window -> Preferences -> JavaFX -> CSS


Preferences JavaFX CSS Syntax Coloring.png

Window -> Preferences -> JavaFX -> CSS -> Syntax Coloring


Preferences JavaFX CSS Template.png

Window -> Preferences -> JavaFX -> CSS -> Templates


Preferences JavaFX CSSExtDsl.png

Window -> Preferences -> JavaFX -> CSSEXTDSL


Preferences JavaFX CSSExtDsl Compiler.png

Window -> Preferences -> JavaFX -> CSSEXTDSL -> Syntax Compiler


Preferences JavaFX CSSExtDsl Syntax Coloring.png

Window -> Preferences -> JavaFX -> CSSEXTDSL -> Syntax Coloring


Preferences JavaFX CSSExtDsl Template.png

Window -> Preferences -> JavaFX -> CSSEXTDSL -> Templates


Preferences FXGraph.png

Window -> Preferences -> JavaFX -> FXGraph


Preferences FXGraph Compiler.png

Window -> Preferences -> JavaFX -> FXGraph-> Compiler


Preferences FXGraph Syntax Coloring.png

Window -> Preferences -> JavaFX -> FXGraph-> Syntax Coloring


Preferences JavaFX FXGraph Templates.png

Window -> Preferences -> JavaFX -> FXGraph-> Templates


New View

Show View JavaFX JavaFX Preview.png
JavaFX Preview.png

Back to the top