From Swing to JavaFX

From Swing To JavaFX

Java in the BoxYuichi Sakuraba

- Migration Guide to JavaFX -

Basics of JavaFX

JavaFXJavaFX

Next Generation Java GUI Library

Functionally Analogous: Swing+Java2D+α

JavaSE8 includes JavaFX3.0

public class Hello extends Application {

public static void main(String[] args) { launch(args); }

Start JavaFX Application Thread

@Override public void start(Stage stage) {

// Create Container Group container = new Group(); // Create root of Scene Graph Scene scene = new Scene(container, 100, 20); stage.setScene(scene);

// Create label and add it to Scene Graph Label label = new Label("Hello, World!"); container.getChildren().add(label); stage.show(); SceneGraph

Pitfalls

Add to Containerpane.add(comp);pane.getChildren().add(comp);

EventOnly One Event Listener: EventHandler

button.setOnAction( new EventHandler<ActionEvent>() { public void handle(ActionEvent event) { // handling event }});

BindPitfalls

ControllerEvent

Observer Pattern

BindPitfalls

Controller

JavaFX Bind

BindPitfalls

Controller

JavaFX Bind

// Model objectDoubleProperty xProperty = new DoubleProperty();

Slider slider = new Slider(50, 300, 0);// Bind slider property to model objectxProperty.bind(slider.valueProperty());

Rectangle rect = new Rectangle(50, 10, 50, 30); // Bind model object to x property of rectanglerect.xProperty().bind(xProperty);

Migration Scenarios

Scenario #1 JavaFX in Swing

Scenario #2 Swing to JavaFX w/o FXML

Scenario #3 Swing to JavaFX w/ FXML

JavaFX in Swing

Embed JavaFX scene graph in Swing application

No support for embedding Swing componentsinto JavaFX applications

Use features JavaFX only has with Swing

JavaFX in Swing

Embed JavaFX scene graph in Swing application

No support for embedding Swing componentsinto JavaFX applications

Use features JavaFX only has with SwingWeb

ChartsMediaAnimation

JFXPanelJFXPanelJFXPanel is a Swing component that is compatible with JavaFX

Add scene graph into JFXPanel final JFXPanel fxPanel = new JFXPanel(); jframe.add(fxPanel);

Platform.runLater(new Runnable() { @Override public void run() { AnchorPane root = new AnchorPane(); Scene scene = new Scene(root); root.getChildren().add(new Button("JavaFX Button")); fxPanel.setScene(scene); } });

Swing EDT

JavaFX App Thread

Swing to JavaFX w/o FXML

Rewrite Swing as JavaFX

Same concept, similar usage

Same concept, different usage

New concept

Label, Button, TextField, et al.

Layout

TableView, TreeView, ListView

JavaFX

Same concept, similar usage : Button

JButton = new JButton(”Swing”);

button.addActionListener(new ActionListener() { @Override public void actionPerformed(new ActionEvent event) { // handling event } });

Button = new Button(”JavaFX”);

button.setOnAction(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent event) { // handling event } });

Same concept, different usage

: Layout

Swing: Container+LayoutManeger

JPanel panel = new JPanel();panel.setLayout(new BorderLayout());

panel.add(comp, BorderLayout.CENTER);

JavaFX: Container includes layout

BorderPane pane = new BorderPane();

pane.setCenter(comp);

New Concept: Table

Swing: TableModelJavaFX: Bind Java Beans to Column

class Student { ...... } // Java Bean

TableView<Student> table = new TableView<>();

TableColumn col1 = new TableColumn("Name");col1.setCellValueFactory( new PropertyValueFactory<Student, String>("name"));TableColumn col2 = new TableColumn("Grad Year");col2.setCellValueFactory( new PropertyValueFactory<Student, Integer>("gradYear"));

table.setItems(students);table.getColumns().addAll(col1, col2);

class Student {..} // Student has name & gradYear props

TableView<Student> table = new TableView<>();

TableColumn col1 = new TableColumn("Name");col1.setCellValueFactory( new PropertyValueFactory<Student, String>("name"));TableColumn col2 = new TableColumn("Grad Year");col2.setCellValueFactory( new PropertyValueFactory<Student, Integer>("gradYear"));

table.setItems(students);table.getColumns().addAll(col1, col2);

Swing to JavaFX

w/ FXML

FXMLFXML

Use XML to describe GUI structureFXML describes Scene Graph

Schema-lessClass: XML ElementProperty: XML Attribute or Element

FXML read by Java application at run time

AnchorPane pane = FXMLLoader.load( this.getClass().getResource("browser.fxml"));

ex. browser.fxml

Linking FXML to Java

Controller

Linking FXML to Java

ModelView ControllerFXML Java Java

fx:id#method

public class BrowserController implements Initializable { @FXML private TextField textfield; @FXML private WebView webview; private WebEngine engine; @FXML public void handleAction(ActionEvent event) { engine.load(textfield.getText()); } @Override public void initialize(URL url, ResourceBundle rb) { engine = webview.getEngine(); } }

public class BrowserController implements Initializable { @FXML private TextField textfield; @FXML private WebView webview; private WebEngine engine; @FXML public void handleAction(ActionEvent event) { engine.load(textfield.getText()); } @Override public void initialize(URL url, ResourceBundle rb) { engine = webview.getEngine(); } }

NetBeans

Scene Builder

Conclusion

3 migration scenarios

Not so different from a Component-based UI standpointFXML is a key feature

No mention in this sessionCSS, Animaction, EffectShape, Aysnc task

From Swing To JavaFX

Java in the BoxYuichi Sakuraba

- Migration Guide to JavaFX -

From Swing to JavaFX

Technology

Swing GUI Components: Part 2people.uncw.edu/.../lectures/chapter_35/chapter_35_swing.pdf · 2019-04-17 · 35_2 Chapter 35 Swing GUI Components: Part 2 35.1 Introduction [Note: JavaFX

Karsten Lentzsch JGoodies VON SWING NACH JAVAFX...Look & Feel Styling Fokus Gesten Native Swing vs. JavaFX II Wie/wo behebt man Probleme? Bibliotheken und Rahmenwerke (Marktlage) Reife:

Presentation JavaFX

Building JavaFX From Scratch · •Print Java and JavaFX versions. log.debug("java.runtime.version: {}", System.getProperty("java.runtime.version", "?")); log.debug("javafx.version:

CISC 3120 C12: JavaFX Scene Graph, Events, and UI Components · Write the First JavaFX Application from Scratch •Create a concrete subclass extending the JavaFX Application class

AWT -> SWING -> JAVAFX Interfaces graphiques Allégorie du …mediamining.univ-lyon2.fr/velcin/public/GL-k/java... · 2017-04-28 · AWT -> SWING -> JAVAFX Allégorie du théatre

JavaFX Scene Builder User Guide Release 1 - Oracle · 1-2 Oracle JavaFX/JavaFX Scene Builder User Guide Figure 1–1 Startup Window (Click image to enlarge.) From within Scene Builder,

Professionelle Testautomatisierung Das GUI-Testtool für ... · • Plattformunabhängig: Swing, JavaFX, SWT, Web auf Windows, Linux, Unix, macOS ... Tutorial, Stan- dardbibliothek,

JavaProgramming$$ Unit5$myflex.org/yf/java/Unit5_GUI.pdf · AWT,Swing, JavaFX$ • Firstthere$was$AbstractWindowing$Toolkit(AWT)$ $ • Swing$library$of$components$has$replaced$AWT,$

1. 2 Practical Pros & Cons of Replacing Swing with JavaFX in Existing Applications

Stanislav ArnaudovLinux, Git, CMake, make, Robot Operating System (ROS), RabbitMQ, JavaFX/Java-Swing, JUnit, Maven, Frontend (AngularJS, VueJS), Backend (NodeJS, Express, Flask), LaTeX,

JavaFx overview

JavaFX & GlassFish 勉強会 Oh! JavaFX 2.0!

JavaFX 2 Swing war gestern. Agenda Einführung JavaFX Geschichte Entwicklung Einsatzmöglichkeiten Neuerungen Beispiele Konzepte / Live Coding Scene Graph

1 Platforma JavaFX - java.vse.cz · JavaFX aplikací je možné díky nové třídě SwingNode, do které se vkládají Swing kompo- nenty, a následně se celá třída SwingNode

Pro JavaFX Platform - Building Enterprise Applications with JavaFX

Migration from Swing to JavaFX

JWord 4 User's Guide · Although JWord is based on Swing toolkit, it has a JavaFX compatible interface which allows using JWord in JavaFX applications. The basic classes included

Curso de Java #05 - Swing e JavaFX

JavaFX 2.0