Eclipse RCP e4 and JavaFX: minimal working example

Install Java 8

Install JavaFX Tooling and Runtime for Eclipse and OSGi

Make sure Java8 is selected as the default JRE.

Create a new Eclipse 4 application project.

Make sure you select Create sample content (parts, menu etc.).

The e4 application.

Create a new class, FXMLController, with the following content:

package parts;

import java.net.URL;
import java.util.ResourceBundle;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.XYChart;

public class FXMLController implements Initializable {

	@FXML
	private AreaChart areaChart;
	private XYChart.Series series;

	private void createChart() {

		series = new XYChart.Series();

		for (int i = 0; i < 100; i++) {
			series.getData().add(new XYChart.Data(i, Math.random()));
		}

		areaChart.getData().addAll(series);
	}

	@Override
	public void initialize(URL url, ResourceBundle rb) {

		createChart();
	}
}

package parts;

import java.net.URL;

import java.util.ResourceBundle;

import javafx.fxml.FXML;

import javafx.fxml.Initializable;

import javafx.scene.chart.AreaChart;

import javafx.scene.chart.XYChart;

public class FXMLController implements Initializable {

@FXML

private AreaChart areaChart;

private XYChart.Series series;

private void createChart() {

series = new XYChart.Series();

for (int i = 0; i < 100; i++) {

series.getData().add(new XYChart.Data(i, Math.random()));

}

areaChart.getData().addAll(series);

}

@Override

public void initialize(URL url, ResourceBundle rb) {

createChart();

}

Create a new file, fxml/FXML.fxml, with the following content:

<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.lang.*?>
<?import java.net.*?>
<?import java.util.*?>
<?import javafx.scene.chart.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
 
<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" styleClass="mainFxmlClass" xmlns:fx="http://javafx.com/fxml/1" fx:controller="parts.FXMLController">
    <stylesheets>
        <URL value="@/styles/fxml.css"/>
    </stylesheets>
    <children>
        <AreaChart fx:id="areaChart" title="TIC"  layoutX="10" layoutY="10" AnchorPane.bottomAnchor="10.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="10.0" AnchorPane.topAnchor="10.0">
            <xAxis>
                <NumberAxis side="BOTTOM" />
            </xAxis>
            <yAxis>
                <NumberAxis side="LEFT" />
            </yAxis>
        </AreaChart>
    </children>
</AnchorPane>

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>

<?import java.net.*?>

<?import java.util.*?>

<?import javafx.scene.chart.*?>

<?import javafx.geometry.*?>

<?import javafx.scene.*?>

<?import javafx.scene.control.*?>

<?import javafx.scene.layout.*?>

</stylesheets>

<xAxis>

</xAxis>

<yAxis>

</yAxis>

</AreaChart>

</children>

</AnchorPane>

Create a new file, styles/fxml.css, with the following content:

CSS

/* * Empty Stylesheet file. */ .mainFxmlClass { }

1
2
3
4
5
6
7

/*
* Empty Stylesheet file.
*/

.mainFxmlClass {

}

Open SamplePart.java and replace its content with the following:

package parts;

import java.net.URL;

import javax.annotation.PostConstruct;

import org.eclipse.swt.SWT;
import org.eclipse.swt.widgets.Composite;

import javafx.application.Platform;
import javafx.embed.swt.FXCanvas;
import javafx.fxml.FXMLLoader;
import javafx.fxml.JavaFXBuilderFactory;
import javafx.scene.Parent;
import javafx.scene.Scene;

public class SamplePart {

	private FXMLController controller;

	private FXCanvas fxCanvas;

	@PostConstruct
	public void createComposite(Composite parent) {

		init(parent);
	}

	private void createScene() {

		System.out.println("Initializing FX");

		try {
			final URL location = getClass().getResource("/fxml/FXML.fxml");
			final FXMLLoader fXMLLoader = new FXMLLoader();
			fXMLLoader.setLocation(location);
			fXMLLoader.setBuilderFactory(new JavaFXBuilderFactory());
			final Parent root = fXMLLoader.load(location.openStream());
			final Scene scene = new Scene(root);
			scene.getStylesheets().add("/styles/fxml.css");
			fxCanvas.setScene(scene);
			controller = fXMLLoader.getController();

			System.out.println("Initializing FX successful");

		} catch (final Exception e) {
			e.printStackTrace();
		}
	}

	private void init(Composite parent) {

		// this will initialize the FX Toolkit
		fxCanvas = new FXCanvas(parent, SWT.NONE);

		Platform.setImplicitExit(false);
		Platform.runLater(() -> createScene());
	}
}

package parts;

import java.net.URL;

import javax.annotation.PostConstruct;

import org.eclipse.swt.SWT;

import org.eclipse.swt.widgets.Composite;

import javafx.application.Platform;

import javafx.embed.swt.FXCanvas;

import javafx.fxml.FXMLLoader;

import javafx.fxml.JavaFXBuilderFactory;

import javafx.scene.Parent;

import javafx.scene.Scene;

public class SamplePart {

private FXMLController controller;

private FXCanvas fxCanvas;

@PostConstruct

public void createComposite(Composite parent) {

init(parent);

}

private void createScene() {

System.out.println("Initializing FX");

try {

final URL location = getClass().getResource("/fxml/FXML.fxml");

final FXMLLoader fXMLLoader = new FXMLLoader();

fXMLLoader.setLocation(location);

fXMLLoader.setBuilderFactory(new JavaFXBuilderFactory());

final Parent root = fXMLLoader.load(location.openStream());

final Scene scene = new Scene(root);

scene.getStylesheets().add("/styles/fxml.css");

fxCanvas.setScene(scene);

controller = fXMLLoader.getController();

System.out.println("Initializing FX successful");

} catch (final Exception e) {

e.printStackTrace();

}

private void init(Composite parent) {

// this will initialize the FX Toolkit

fxCanvas = new FXCanvas(parent, SWT.NONE);

Platform.setImplicitExit(false);

Platform.runLater(() -> createScene());

}

Open META-INF/MANIFEST.MF and add org.eclipse.fx.javafx and org.eclipse.fx.osgi.util to Required Plug-ins.
Open e4-javafx.product and add the following to the VM Arguments:
```
-Dosgi.framework.extensions=org.eclipse.fx.osgi
```
Launch the application:

Share it

2 thoughts on “Eclipse RCP e4 and JavaFX: minimal working example”

Fred Wang says:

December 22, 2016 at 09:23

I couldn’t find the “Eclipse 4 Application Project” under the “Eclipse 4” folder when I was in the step of “Select a wizard”. Could you please give me the specific version numbers of the Eclipse and the e(fx)clipse you use? And which OS do you use? Thanks.

1. alex says:
  
  January 3, 2017 at 18:24
  
  Hi Fred, this was done using Eclipse RCP Mars and e(fx)clipse version 2.2.0. Im running Linux Mint 17.3, which is based on Ubuntu Linux 14.04.

2 thoughts on “Eclipse RCP e4 and JavaFX: minimal working example”

Leave a Reply Cancel reply