What's new for JavaFX in JDK8 - Weaver

New JavaFX Features in Java 8
(and an intro to Lambdas)
James Weaver
Java Technology Ambassador
Oracle Corporation
@JavaFXpert
james.weaver@oracle.com

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.2 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.
Program
Agenda
 Introduction to JavaFX
– Creating a user interface
– Understanding Scene Builder and FXML
 New JavaFX Features in JDK 8
– Some new Java features in JDK 8
– New JavaFX Features in JDK 8

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.3
About the presenter
Author of several Java/JavaFX books

About the presenter
Co-leader of IoT & JavaFX communities at java.net
javafxcommunity.com
iotcommunity.net

About the presenter
Favorite TV shows are music competitions like “The Voice”

About the presenter
I see that Italy has “The Voice” as well …

About the presenter
… with a singing Nun. Very cool!

Java 8 Launch Event & Resource Videos
oracle.com/java8

IoT Developer Challenge
 Show the world what you can do with Java + IoT for a chance to win a
trip to JavaOne for you and two team members.
oracle.com/java8
Key Dates:
Submissions begin March 3rd, 2014
Submission deadline is May 30th, 2014
Winners announced June 30th, 2014
JavaOne 2014 from Sept. 28 to Oct. 2, 2014

■ An API included in Java SE 7/8
for UI development
■ The successor to Java Swing
■ Not the JavaFX Script language
10
JavaFX is:

Creating a User Interface

New JavaFX Application Dialog

Extend javafx.application.Application

Override the Application start() Method

Create the Circle

Create the Buttons and Handle Events

Layout the Buttons in an HBox

Create and Populate the Scene

Animate the Circle

Bind UI Properties to Animation Status

Setup and Show the Stage

Using Scene Builder and FXML

Scene Builder is a...
■ UI layout tool for
JavaFX
■ Visual Editor for FXML

FXML is...
■ an XML-based language that
expresses the UI
■ designed to be toolable

Download Scene Builder
http://www.oracle.com/technetwork/java/javase/downloads

Scene Builder 2.0 Preview Available

Some New Java Features in JDK 8
■ Nashorn JavaScript Engine
■ Date & Time API (JSR-310)
■ Bulk data operations for collections
■ Lambda expressions and virtual extension methods
27

Compact Profiles
Approximate static footprint goals
Compact1 Profile
Compact2 Profile
Compact3 Profile
Full JRE 54Mb
30Mb
16Mb
11Mb

Java SE Embedded
 Optimised binary for embedded use from devices to gateways
 Latest Java innovations in the smallest footprint
 Use of compact profiles
– Approximate JRE size 20.4Mb (ARM v7 VFS, Hard Float)
 Compact profile 1: 10.4Mb
 JavaFX: 10Mb
 Production ready binary for popular platforms that run Linux
– ARM v6/7 with Hard floating point
– Raspberry Pi is one of the reference platforms

A Lambda Expression (Closure) is…
…a function that that may have parameters,
an expression or block of code, optionally
returning a value.
30
e -> anim.playFromStart()

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.31 31
Event Handling w/Anon Inner Classes
Any interface that has exactly one abstract method is known as a
functional interface, and may be replaced by a lambda expression.

Replace with Lambda Expression
The type of the lambda is inferred by the compiler as
EventHandler<ActionEvent> because the onAction() method
takes an object of type EventHandler<ActionEvent>.
Because EventHandler has a single method handle() the lambda
expression must be an implementation of the handle() method.

Simplify the Lambda Expression
The parameter in this lambda expression must be an
ActionEvent, because that is the type specified by the
handle() method of the EventHandler interface.
We can therefore simplify this lambda expression
because the parameter type is inferred.

Lose the Parentheses
When a lambda expression has a single parameter and
its type is inferred, the parentheses are not required

Lose the Braces
Because the block of code in our lambda expression
contains only one statement, we can lose the braces.

void createUI() {
Button button = new Button("Guess What I'm Thinking");
button.setOnAction(e -> guess(e)); // lambda only calls a method
...
}
void guess(ActionEvent event) {
Button button = (Button) event.getSource();
button.setText("You love Lambda!");
}
If a lambda only calls a method …

… you can use a method reference
void createUI() {
Button button = new Button("Guess What I'm Thinking");
button.setOnAction(this::guess); // use method reference
...
}
void guess(ActionEvent event) {
Button button = (Button) event.getSource();
button.setText("You love Lambda!");
}

Four Kinds of Method References
1) Reference to a static method:
ContainingClass::staticMethodName
2) Reference to an instance method of a particular object:
ContainingObject::instanceMethodName
3) Reference to an instance method of an arbitrary object of a particular type:
ContainingType::methodName
4) Reference to a constructor:
ClassName::new

Another Method Reference Example
FileFilter x = f -> f.canRead(); // lambda only calls a method
FileFilter x = File::canRead(); // use method reference

JavaFXpert.com blog post with more detail
40

Project Nashorn

Nashorn
var Rectangle = Java.type("javafx.scene.shape.Rectangle");
var Color = Java.type("javafx.scene.paint.Color");
var StackPane = Java.type("javafx.scene.layout.StackPane");
var Scene = Java.type("javafx.scene.Scene");
var RotateTransition = Java.type("javafx.animation.RotateTransition");
var Duration = Java.type("javafx.util.Duration");

Nashorn
var rect = new Rectangle();
rect.width = 200;
rect.height = 200;
rect.stroke = Color.WHITE;
rect.strokeWidth = 5;
rect.fill = Color.ORANGE;
rect.arcWidth = 20;
rect.arcHeight = 20;
var stack = new StackPane(rect);
$STAGE.scene = new Scene(stack, 320, 240, Color.BLACK);
var tx = new RotateTransition(Duration.seconds(5), rect);
tx.toAngle = 360;
tx.autoReverse = true;
tx.cycleCount = RotateTransition.INDEFINITE;
tx.play();

Nashorn: Launching JavaFX
$JDK_HOME/bin/jjs -fx hello.js

Nashorn FX

New JavaFX Features in JDK 8
■ New Modern Theme: Modena
■ Enhancements to Collections, Binding, Tasks and Services
■ Full screen improvements, new unified stage style, Swing integration
improvements, rich text, and printing
■ DatePicker and TreeTableView
■ Public API for CSS structure
■ WebView Enhancements
■ JavaFX 3D, Multi-touch (in 7 but relevant to 3D)
■ Embedded Support
46

JavaFX 8
New Theme Caspian
vs
Modena

Modena

JavaFX 8
 Customisable
– Configurable key combinations to exit full screen mode
– Ability to prevent user exiting full screen mode
Improvements To Full Screen Mode
// Set the key combination that the user can use to exit
stage.setFullScreenExitKeyCombination(KeyCombination.NO_MATCH);
// Setup the click handler so we can escape from full screen
Rectangle r = new Rectangle(0, 0, 250, 250);
r.setOnMouseClicked(e -> stage.setFullScreen(false));
// Set full screen again
stage.setFullScreen(true);

JavaFX 8
 New API for printing
– Currently only supported on desktop
 Any node can be printed
Printing Support
PrinterJob job = PrinterJob.createPrinterJob(printer);
job.getJobSettings().setPageLayout(pageLayout);
job.getJobSettings().setPrintQuality(PrintQuality.HIGH);
job.getJobSettings().setPaperSource(PaperSource.MANUAL);
job.getJobSettings().setCollation(Collation.COLLATED);
if (job.printPage(someRichText))
job.endJob();

JavaFX 8
 DatePicker
 TreeTableView
New Controls

java.time
DatePicker

DatePicker

DatePicker
import java.time.LocalDate; // From new Date/Time API
...
LocalDate ld;
DatePicker dp = new DatePicker();
dp.setOnAction(e -> {
ld = dp.getValue();
System.out.println("Date selected " + ld);
});

Date Picker

TreeTableView
UI control with combined TreeView and TableView controls functionality
57

JavaFX 8
 Gestures
– Swipe
– Scroll
– Rotate
– Zoom
 Touch events and touch points
Touch Support

Touch Gestures

The Swipe Gesture
 Commonly a finger drag in one direction
 A single event is produced for the gesture
 May be left, right, up, or down

Handling the Swipe Gesture (SwipeEvent)
Note: Lambda
expressions from JDK
8 are used here to
simplify event handling

Handling the Swipe Gesture (SwipeEvent)

The Scroll Gesture
 User turns mouse wheel, drags finger on
touch screen, etc.
 Scroll events are continuously generated,
containing x/y position-related info
 Events are pixel-based or character/line-
based
 If inertia is supported, scroll events may
be generated after user quits scrolling

Handling the Scroll Gesture (ScrollEvent)

The Rotate Gesture
 User typically drags two fingers around
each other
 Rotate events are continuously generated,
containing angle-related info

Handling the Rotate Gesture (RotateEvent)

The Zoom Gesture
 User typically drags two fingers apart or
closer together
 Zoom events are continuously generated,
containing zoom factor-related info

Handling the Zoom Gesture (ZoomEvent)

Handling Touch (TouchEvent/TouchPoint)
 A TouchEvent contains information about
a touch, including:
– Event type: Pressed, released, moved, or
stationary
– Touch points: The TouchPoint instances
that represent each of the points that were
touched
 Each TouchEvent has a unique ID to identify the
events and touch points in a multi-touch action

Responding to Touch Events

JavaFX 8
 Predefined shapes
– Box
– Cylinder
– Sphere
 User-defined shapes
– TriangleMesh, MeshView
 PhongMaterial
 Lighting
 Cameras
3D Support

Creating Primitive Shapes and Materials

Placing a Texture on a Sphere
73

Placing a Texture on a Sphere
74

3D Lights
■ Lights are nodes in the scene graph
■ PointLight
■ AmbientLight
■ Default light provided if no active lights
75

Lights, Camera, Action!

Example 3D multi-touch app:
ZenGuitar3D

Questions?

Please note
The preceding is intended to outline our general product
direction. It is intended for information purposes only, and
may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality,
and should not be relied upon in making purchasing
decisions. The development, release, and timing of any
features or functionality described for Oracle’s products
remains at the sole discretion of Oracle.

What's new for JavaFX in JDK8 - Weaver

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to What's new for JavaFX in JDK8 - Weaver

Similar to What's new for JavaFX in JDK8 - Weaver (20)

More from Codemotion

More from Codemotion (20)

Recently uploaded

Recently uploaded (20)

What's new for JavaFX in JDK8 - Weaver

Editor's Notes