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/Tutorial2

< Efxclipse‎ | Tutorials
Revision as of 15:36, 28 November 2013 by Tom.schindl.bestsolution.at (Talk | contribs) (Create an Eclipse ViewPart)

Create an Eclipse ViewPart

JavaFX allows you to embed JavaFX scenes into SWT UIs using the FXCanvas class. The following tutorial will guide you through the creation of a JavaFX-enabled ViewPart.

  1. Setup a target platform
    1. On first page select "Default: Default target for running platform"
    2. Click on "Add..." and select "Software Site"
    3. Point to the p2 repository at http://download.eclipse.org/efxclipse/runtime-nightly/site/
    4. Expand the "FX Target" entry and select "RCP 3.x Target Platform Feature"
    5. UNCHECK "Include Required software"
  2. File > New > Project ...
    Efxclipse tut2 1.png
  3. Select "Plug-in Project" and click the "Next" button.
    Efxclipse tut2 2.png
  4. Enter a project name and click the "Next" button.
    Efxclipse tut2 3.png
  5. Make sure that "This plug-in will make contributions to the UI" is checked and deselect the RCP creation. Click "Next".
    Efxclipse tut2 4.png
  6. Select the "JavaFX Eclipse 3.x ViewPart" template and click "Next".
    Efxclipse tut2 5.png
  7. Keep the default settings and click "Finish".
    Efxclipse tut2 6.png
  8. The result of the wizard is a new OSGi bundle with your ViewPart class.
    Efxclipse tut2 7.png
  9. Implement your view by adding some JavaFX code to your ViewPart class.
    Efxclipse tut2 8.png
  10. Launch an "inner Eclipse" by bringing up the context menu on your project and select Run As > Eclipse Application.
    Efxclipse tut2 9.png
  11. Close the launched instance and open your the Launch Configuration and add -Dosgi.framework.extensions=org.eclipse.fx.osgi to your VM args
  12. In the running application, bring up Quick Access (Ctrl+3) and enter "My Fx View". Select the presented choice to open your view.
    Efxclipse tut2 10.png
  13. A view with your JavaFX content will be shown at the bottom.
    Efxclipse tut2 11.png

Back to the top