Adv Java 2014 Java Fx
-
Upload
quoc-thinh -
Category
Documents
-
view
249 -
download
1
description
Transcript of Adv Java 2014 Java Fx
1 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
2 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
LOGO
Presenting withJavaFX: Java's new Rich Client Platform
3 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Java Pioneered Rich Client ApplicationsBut developers had to learn multiple technologies
4 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
Ensemble – Collection of Examples
http://docs.oracle.com/javase/8/javafx/get-started-tutorial/
http://download.oracle.com/otndocs/products/javafx/2/samples/Ensemble/index.html
Videos on JavaFX
https://www.youtube.com/user/OracleLearning/search?query=javafx
Tutorial and API Docs
http://docs.oracle.com/javase/8/javase-clienttechnologies.htm
5 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX Simplifies Application DevelopmentDevelopers Focus on Capabilities Instead of Technologies
6 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
7 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
8 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX Runtime High Level Architecture
JavaFX Glossary
• Glass Windowing Toolkit: Provides native operating services, such as managing the windows, timers, and surfaces
• Prism: Graphics pipeline that can run on hardware and software renderers
• Quantum Toolkit: Ties Prism and Glass together and makes them available to the JavaFX APIs
• This is completey seemless in Java8
9 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX 2.0 Scoreboard
Released on time (October 2011) ✔
All functionality exposed through Java APIs ✔
JavaFX and JavaScript/HTML5 interoperability ✔
High performance 2D and 3D graphics engine ✔
Designed to exploit modern advances in desktop and mobile ✔
Make JavaFX UI Controls available open source ✔
Complete and integrated development lifecycle experience
✔ Done In progress
10 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Java APIs and FXMLJava APIs for JavaFX
• End-to-end Java development
• Java language features - generics, annotations, multi-threading
• Fluent API for UI construction
• Alternative JVM supported languages (e.g. Groovy, Scala) with JavaFX
• Leverage sophisticated Java IDEs, debuggers and profilers
• Java APIs preserve convenient JavaFX Script features (e.g., bind)
FXML
• Scriptable, XML-based markup language for defining UI
• Convenient alternative to developing UI programmatically in Java
• Easy to learn and intuitive for developers familiar with web technologies or other markup based UI technologies
• Powerful scripting feature allows embedding scripts within FXML. Any JVM scripting language can be used, including JavaScript, Groovy, and Scala
11 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Graphics and MediaMedia
• Stable media framework based on GStreamer
• VP6, MP3 playback of Web multimedia content
• Low latency audio
• Alpha channel support
• Performance improvements
• Full screen video
• New hardware accelerated graphics pipeline (Prism)
• New windowing toolkit (Glass) for Prism
• Java2D software pipeline under Prism
• High-level support for making rich graphics simple• Shadows, Blurs, Reflections, Effects,
2D transforms
• 3D Transforms today; Full 3D objects in future
New Graphics Pipeline
12 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
WebView and Swing Interoperability
• Embed Web content in JavaFX applications
• HTML rendering based on Webkit
• Hardware accelerated rendering using PRISM
• DOM access and manipulation
WebView Component
• Embed JavaFX content into existing Swing applications
• Extend existing Swing applications with new JavaFX features such as WebView and high-performance graphics
• Applies to SWT applications as well
Swing and SWT Interop
• Faster loading of JavaFX Web applications based on Prism
• Pre-loader for improved user experience with JavaFX Web applications
Browser Plugin
13 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Open Source and Standardization
• JavaFX source code being contributed as part of OpenJFXhttp://openjdk.java.net/projects/openjfx/– Source code being contributed in phases– Initial phase: UI Controls
• Oracle is committed to standardize JavaFX through JCP– One or more JSRs will be submitted– Expected to be become part of the Java SE specification
14 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Distribution and Support
• JavaFX Distribution– JavaFX Runtime can now be distributed with third party
applications– Applies to JavaFX 2.0.2 and higher
• JavaFX Platform Commercial Support– JavaFX is now part of the Java SE technologies covered through
Oracle Premier Support– Applies to JavaFX 2.0.2 and higher
15 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Let’s Compare: JavaFX 1.x
import javafx.application.*;import javafx.scene.shape.*;import javafx.scene.paint.*;
Stage { scene:Scene{ Content:[ Circle { centerX: 50 centerY: 50 radius: 50 fill: Color.RED } ] }}
16 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Let’s Compare: JavaFX 2.0
public class JavaFXTest extends Application { @Override public void start(Stage stage) { Group root = new Group(); Scene scene = new Scene(root,100,100); stage.setScene(scene); Circle c1 = new Circle(50.0f, 50.0f, 50.0f, Color.RED); root.getChildren().add(c1); stage.setVisible(true); }
public static void main(String a[]) { Launcher.launch(JavaFXTest.class, null); } }
17 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Let’s Compare: FXML
<BorderPane> <center> <Circle radius=“50” centerX=“50” centerY=“50”/> </center></BorderPane>
public class JavaFXTest extends Application { @Override public void start(Stage stage) { stage.setTitle(“FXML Example”); Parent root = FXMLLoader.load(getClass().getResource(“example.fxml"), ResourceBundle.getBundle(“r.fxml_example")); stage.setScene(new Scene(root)); stage.show();
}}
18 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Scene Graph
• Directed Acyclic Graph
• Parents and children
• Representation of the GUI components
19 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
20 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Media
• JavaFX supports both visual and audio media
• Cross-platform JavaFX media file format (fxm, mp3)– Platform specific formats supported via native players
• Media class represents a media file
• MediaPlayer provides control of the media rendering
• MediaView uses MediaPlayer to render media as Node– Many MediaViews can use the same MediaPlayer (cheaply)
21 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Adding HTML Content
• WebEngine– Provides basic web page browsing functionality– Supports user interaction: navigating links, submitting forms
• WebView– Web page as a Node in scenegraph
• Effects can be applied
– Encapsulates WebEngine object– No plugin support
The Embedded Browser
22 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Charts http://download.oracle.com/otndocs/products/javafx/2/samples/Ensemble/index.html
23 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Effects...
GaussianBlur
InnerShadow
SepiaTone
Reflection
24 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Transforms
rect.setTranslateX(40);rect.setTranslateY(10);
Rectangle rect=new Rectangle(0,0,60,60);rect.setFill(Color.DODGERBLUE);rect.setArcWidth(10);rect.setArcHeight(10);
rect.setRotate(45);
rect.setScaleX(2);rect.setScaleY(0.5);
Shear shear = new Shear(0.7, 0);rect.getTransforms().add(shear);
25 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Binding
• Creates a dependency between a property and a changeable value
• High level API– Easy to use– Covers most common situations
• Low level API– Allows for more complex interactions– Optimised for fast execution and small footprint
26 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Properties
• Basis for high level binding API
• Concrete types for all primitives, String and Object– DoubleProperty, StringProperty, etc
• Simple API– bind / unbind– bindBidirectional / unbindBidirectional– isBound
27 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Simple Binding Exampleprivate SimpleDoubleProperty topXProperty = new SimpleDoubleProperty();private SimpleDoubleProperty topYProperty = new SimpleDoubleProperty();
Line foldLine = new Line();foldLine.setEndX(200);foldLine.setEndY(200);foldLine.startXProperty().bind(topXProperty);foldLine.startYProperty().bind(topYProperty);
...
topXProperty.set(tx);topYProperty.set(ty);
28 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Timeline Based Animations
• Timeline– Modifies values of variables specified in KeyFrames
• KeyFrame: specifies that a variable should have– A particular value at a particular time
• KeyValue: Value to be interpolated for an interval
29 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Animated Transitions
• Pre-defined, single-purpose animations– Fade, Path, Pause, Rotate, Scale, Translate– Can specify to, from and by values
• Container transitions– Parallel, sequential– Can be nested arbitarily
• Transitions and Timelines share ancestary– A Timeline can be added to a Parallel / Sequential transition
30 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Standard Java Tools for Easy Development
• Source editor with improved syntactic highlighting, code completion, refactoring etc.
• Full debugger and profiler support
• Project wizard for easy creation of JavaFX applications
Other Java IDEs• Source editor with syntactic highlighting,
code completion, refactoring etc.• Full debugger and Profiler support
31 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX Scene Builder for Rapid UI Design• WYSIWYG GUI design tool for the
JavaFX platform
• Enables designing user interface screens by simply dragging and positioning GUI components from a palette onto a scene
• Generates files in FXML format that can be used within a project in any IDE such as NetBeans or Eclipse
• Can be used to create GUI for desktop and Web applications
• Currently in Early Access (by invitation)
32 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX Future Directions
• Tighter Integration with Java SE
• Migration Path for Java Client UI Technologies
• Optimized Web Services Support
• Advanced Tooling
• Support for Modern Device Interactions
• Delivering on the Cross Platform Promise
Oracle’s Next Generation Java Client Solution
33 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX is …
• Cross platform: Windows GA, Mac & Linux Dev. Preview
• Familiar: 100% Java APIs
• Powerful: leverages underlying Java platform
• Modern: CSS skinning, HW acceleration, Webkit
• Backwards ‘compatible’: Swing & SWT interoperability
• Flexible: applicable to embedded, tablets and mobile
• Open Source: http://openjdk.java.net/projects/openjfx
34 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
JavaFX RoadmapJavaFX 3.0•Included in JDK 8
•Concurrent OS support(Windows, Mac OS, Linux)
JavaFX 3.0•Included in JDK 8
•Concurrent OS support(Windows, Mac OS, Linux)
JavaFXScene Builder GA
JavaFXScene Builder GA
NetBeans•JavaFX 3.0 Support
NetBeans•JavaFX 3.0 Support
JavaFX 2.2•Linux GA
JavaFX 2.2•Linux GA
JavaFX 2.1•Mac OS X GA
•Linux Dev. Preview
JavaFX 2.1•Mac OS X GA
•Linux Dev. Preview
20112011 20122012 20132013 20142014
JavaFXScene Builder EA
JavaFXScene Builder EA
JavaFX 2.0•Windows GA
•Mac OS X Dev. Preview
JavaFX 2.0•Windows GA
•Mac OS X Dev. Preview
NetBeans 7.1•JavaFX 2.0 Support
NetBeans 7.1•JavaFX 2.0 Support
JavaFX 2.0.2•JDK 7 co-install
JavaFX 2.0.2•JDK 7 co-install
35 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Resources
• JavaFX website: http://javafx.com
• Open source project http://openjdk.java.net/projects/openjfx/
• Oracle Premier Support for Softwarehttp://www.oracle.com/us/support/software/premier/
• Blogs– http://fxexperience.com– http://blogs.oracle.com/javafx
• Twitter: @javafx4you
36 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
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.
37 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
Group effects and transforms to be applied to a collection of child nodes. Will not resizeRegion class for nodes that can be styled with CSS and layout children. Will resize autoControl class for high-level skinnable nodes designed for user interaction.
TabSample project
Parent(abstract)
Group Region Control
Node
38 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
Binding one GUI component to anotherbtn.prefWidthProperty().bind(scene.widthProperty()); (TabsSample)
Binding GUI component to Worker (TimesControllerTask)lblStatus.textProperty().bind(getReviewsTask.messageProperty()); btnGo.disableProperty().bind(getReviewsTask.runningProperty()); lstView.itemsProperty().bind(getReviewsTask.valueProperty());
Define your own Thread-Safe properties and listen for changes (ThreadsController) service.getCounterProperty().addListener(new ChangeListener(){ @Override public void changed(ObservableValue o,Object oldVal, Object newVal){ System.out.println("Counter changed to: " + service.getCounter()); } });
Bindings
39 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
FXMLLoader loader = new FXMLLoader(getClass().getResource("/fxml/Threads.fxml")); Parent root = (Parent) loader.load(); ThreadsController controller = loader.getController(); controller.setStage(primaryStage);
In YourController, you need this method: public void setStage(Stage stage) { this.primaryStage = stage; }
Communicate between Main and Controller
40 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
The javafx.concurrent package consists of the Worker interface and two concrete implementations, Task and Service classes.
The Worker interface provides APIs that are useful for a background worker to communicate with the UI.
The Task class is a fully observable implementation of the java.util.concurrent.FutureTask class. The Task class enables developers to implement asynchronous tasks in JavaFX applications. The Task class defines a one-time object that cannot be reused.
The Service class executes tasks. If you need a reusable Worker object, use the Service class.
Concurrency in javaFX
41 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
Group effects and transforms to be applied to a collection of child nodes.Region class for nodes that can be styled with CSS and layout children.Control class for high-level skinnable nodes designed for user interaction.
Task Service
Worker(Interface)
42 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Insert Information Protection Policy Classification from Slide 8
Inside the call method, you can use:
updateProgress(), updateMessage() , updateTitle() methods, which update the values of the corresponding properties on the JavaFX Application thread.
43 Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Web Services
http://www.programmableweb.com/
http://www.faroo.com/
http://www.faroo.com/hp/api/api.html
http://www.faroo.com/api?q=iphone&start=1&length=10&l=en&src=web&f=json
http://jsonviewer.stack.hu/
What is JavaFX?It’s a language for creating graphical user
interfaces...
What is JavaFX?It’s a language for creating graphical user
interfaces...
Regions: Slider
So, who wants to learn more?