Downloaded 131 times
![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
}
]
}
}
18 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8
reserved.](https://image.slidesharecdn.com/introduction-to-javafx-120613094612-phpapp01/85/Introduction-To-JavaFX-2-0-18-320.jpg)
![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);
}
}
19 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8
reserved.](https://image.slidesharecdn.com/introduction-to-javafx-120613094612-phpapp01/85/Introduction-To-JavaFX-2-0-19-320.jpg)
![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
}
]
}
}
18 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8
reserved.](https://image.slidesharecdn.com/introduction-to-javafx-120613094612-phpapp01/75/Introduction-To-JavaFX-2-0-18-2048.jpg)
![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);
}
}
19 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8
reserved.](https://image.slidesharecdn.com/introduction-to-javafx-120613094612-phpapp01/75/Introduction-To-JavaFX-2-0-19-2048.jpg)
More Related Content
![[English version] JavaFX and Web Integration](https://cdn.slidesharecdn.com/ss_thumbnails/js1-13endl-120419075151-phpapp01-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Similar to Introduction To JavaFX 2.0
![UiPath Automation Suite Installation (Hands-On) [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/automationsuitecommunitysession2-251015095633-a6d862f1-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Introduction To JavaFX 2.0
- 1. 1 Copyright © 2012, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 2. Introduction To JavaFX Presenting with Roger Brinkley (Twitter: @binkyscave) LOGO Java Developer Advocate 2 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 3. Russia 17–18 April 2012 India 3–4 May 2012 San Francisco September 30–October 4, 2012 3 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 4. The following isintended 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. 4 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 5. Java Pioneered RichClient Applications But developers had to learn multiple technologies 5 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 6. JavaFX Simplifies ApplicationDevelopment Developers Focus on Capabilities Instead of Technologies 6 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 7. JavaFX is theEvolution of Java as a Rich Client Platform. It is designed to provide a modern Java environment featuring a lightweight, hardware accelerated UI platform that meets tomorrow’s needs. 7 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 8. JavaFX Runtime HighLevel 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 8 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 9. 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 9 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 10. Java APIs andFXML Java APIs for JavaFX FXML • End-to-end Java development • Scriptable, XML-based markup • Java language features - generics, language for defining UI annotations, multi-threading • Convenient alternative to developing UI programmatically in Java • Fluent API for UI construction • Easy to learn and intuitive for • Alternative JVM supported languages developers familiar with web (e.g. Groovy, Scala) with JavaFX technologies or other markup based • Leverage sophisticated Java IDEs, UI technologies debuggers and profilers • Powerful scripting feature allows • Java APIs preserve convenient embedding scripts within FXML. Any JavaFX Script features (e.g., bind) JVM scripting language can be used, including JavaScript, Groovy, and Scala 10 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 11. New Graphics Pipeline •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 11 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 12. Media •Stable media framework based on GStreamer •VP6, MP3 playback of Web multimedia content •Low latency audio •Alpha channel support •Performance improvements •Full screen video 12 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 13. WebView Component •Embed Web content in JavaFX applications •HTML rendering based on Webkit •Hardware accelerated rendering using PRISM •DOM access and manipulation 13 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 14. Swing and SWTInteroperability •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 14 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 15. Browser Plugin •Faster loading of JavaFX Web applications based on Prism •Pre-loader for improved user experience with JavaFX Web applications 15 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 16. Open Source andStandardization • JavaFX source code being contributed as part of OpenJFX http://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 16 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 17. 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 17 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 18. Let’s Compare: JavaFX1.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 } ] } } 18 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 19. Let’s Compare: JavaFX2.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); } } 19 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 20. 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(); } } 20 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 21. Scene Graph • Directed Acyclic Graph • Parents and children • Representation of the GUI components 21 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 22. 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) 22 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 23. Table • Full featured table component • Resizeable columns • Columns can be moved • Groups of columns can be moved • Uses standard MVC pattern • Create model for data • Attach to Table ‘view’ for display • Efficient • Lazy loading of data – only displayed data is loaded 23 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 24. Adding HTML Content The Embedded Browser • 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 24 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 25. Charts 25 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 26. Effects... GaussianBlur InnerShadow Reflection SepiaTone 26 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 27. Transforms 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); Shearshear = new Shear(0.7, 0); rect.getTransforms().add(shear); rect.setTranslateX(40); rect.setTranslateY(10); 27 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 28. 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 28 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 29. 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 29 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 30. Simple Binding Example private 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); 30 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 31. 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 31 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 32. 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 32 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 33. Swing Integration • We are FINALLY supporting embedding of JavaFX into existing Swing applications! • Accomplishing this requires 3 objectives: • Java APIs for JavaFX • Ability to embed hardware accelerated 2D/3D scenes • Swing API for embedding the scene • However, we are not going to support embedding Swing components in JavaFX scene graphs (at this time) 3 33 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved. 3
- 34. Standard Java Toolsfor 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 34 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 35. JavaFX Scene Builderfor 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) 35 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 36. JavaFX Future Directions Oracle’s Next Generation Java Client Solution • 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 36 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 37. 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 37 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 38. JavaFX Roadmap JavaFX 3.0 JavaFX 2.0 JavaFX 2.1 • Included in JDK 8 • Windows GA • Mac OS X GA • Concurrent OS support • Mac OS X Dev. Preview • Linux Dev. Preview (Windows, Mac OS, Linux) 2011 2012 2013 2014 JavaFX 2.0.2 JavaFX 2.2 • JDK 7 co-install • Linux GA JavaFX JavaFX Scene Builder EA Scene Builder GA NetBeans 7.1 NetBeans • JavaFX 2.0 Support • JavaFX 3.0 Support 38 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 39. Resources • JavaFX website: http://javafx.com • Open source project http://openjdk.java.net/projects/openjfx/ • Oracle Premier Support for Software http://www.oracle.com/us/support/software/premier/ • Blogs – http://fxexperience.com – http://blogs.oracle.com/javafx • Twitter: @javafx4you 39 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 40. Demos 40 Copyright © 2011, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
- 41. 41 Copyright © 2012, Oracle and/or its affiliates. All rights Insert Information Protection Policy Classification from Slide 8 reserved.
Editor's Notes
- #7 Definition of the JavaFX platform and some of the high level sets of features. JavaFX provides the following value propositionsLeverage your Java development skills: JavaFX applications are completely developed in the Java programming language, one of the most widely adopted technologies to develop and deploy software applications, which leverages standards-based programming practices and design patterns.Create without boundaries: JavaFX provides a rich set of graphics and media APIs with high-performance hardware-accelerated graphics and media engines to simplify development of immersive visual applications.Preserve investment in Java: JavaFX developers can preserve existing investments by reusing Java libraries in their JavaFX applications. They can even access native system capabilities via the Java native interface, or seamlessly connect to server-based Java EE middleware applications.Familiar Java development tools: Developers can use their favorite Java development tools, such as the NetBeans and Eclipse IDEs, for development of JavaFX applications. All the standard IDE features, including syntax highlighting, auto-completion, interactive step-through debugging, and profiling are available for JavaFX developers.Deploy on the desktop or in the browser: JavaFX applications can be deployed either as desktop applications or in-browser applets with the help of the Java browser plugin. The improved Java browser plugin provides JavaFX applications a secure way to run inside a browser. When deployed on the desktop, JavaFX applications get the benefits of better performance and native operating system integration.
- #17 Oracle announced at JavaOne San Francisco 2011 that it would be open sourcing JavaFX. This will be done through the OpenJFX project. Oracle have also commited to standardising JavaFX through the Java Community Process to ensure that interested parties can provide input.
- #18 Starting with JavaFX 2.0.2, JavaFX is available under the same license and business model as Java SE. This includes the ability to distribute the JavaFX Runtime (or SDK) for third party developers with their application(s), subject to the terms and conditions of the license.
- #19 This slide shows the JavaFX 1.x code to draw a circle in a window. The scripting language was like JavaScript but with simple integration of all standard Java libraries as well as third party ones.Unfortunately, developers didn’t want to learn a new scripting language.
- #20 JavaFX 2.0 is a pure Java API. Anyone who knows how to program in Java can use JavaFX. There are some small additions to the way an application startsm but these are minimal and easy to understand.
- #21 JavaFX also supports a markup language, FXML, which allows the layout of components to be specified separately from the code that controls them. Here is the same example of a cirlce using FXML.
- #22 AWT and Swing use a container/component hierarchy for organising the GUI. Layout managers are fundamental to this, but can make development difficult and involved. JavaFX uses a scenegraph which will be familiar to developers who have programmed in 3D. The concept is that all components in the GUI are represented by nodes. Each node can have one parent and groupings can be made by attaching multiple nodes (which may themselves be parents) to a parent. Applying effects to groups of nodes is simply a matter of applying the effect to the parent node. Z ordering can also be altered within a group and for a group as a whole.
- #23 Rich video and audio media is supported on all client platforms so JavaFX needs simple ways to use media. JavaFX uses platform specific players like Windows Media Player, QuickTime and Gplayer, but will also handle software rendering if cross platform codec support is required.The Media class provides the representation of a media source file. Controls are added to this with the MediaPlayer class (start/stop, pause/resume, forward/back).MediaView makes the MediaPlayer available as a node for the scenegraph. Multiple MediaViews can use the same MediaPlayer; the design of this means it does not place a big overhead on system resources.
- #26 JavaFX provides a rich set of charting controls that simplifies the display of complex data as a single picture.
- #28 Nodes can be transformed in standard ways or an affine transform matrix can be used.
- #29 Binding is one of the most powerful features of JavaFX. It allows developers to specify the relationship between properties and values so that when the value changes the property is automatically modified byt the JavaFX runtime system. This is analogous to the listener pattern used extensively in AWT/Swing but requires less coding by the developer.The API is separated into a high level version that covers most of the common tasks, but does not provide total flexibility. For tasks that require complete flexibility the low-level API can be used. This, however, requires more coding.
- #30 Properties are the basis for high-level binding. There are property types for all Java primitives as well as String and Object. The API for this is simple, allowing you to bind or unbind the property. Bi-directional binding is also supported.
- #32 Animations are changes in properties that happen over time (fading by modifying opacity, moving the position of a node, etc).JavaFX uses a Timeline to implement this; each one consisting of a series of KeyFrames. These are points in time where a property will have a specified value (it can also be used to start an action through a method call). The KeyValue has one or more KeyValues that represent the property-value tuple. When a Timeline is started the JavaFX runtime will alter the value of the property automatically. By binding to the changing property the GUI can be animated.
- #33 To simplify comman tasks JavaFX includes a number of animated transitions to automate things like fading, rotation, scaling and so on. The start end and intermediate points can all be specificed. These can then be grouped together to provide either sequential or parallel transitions. For non-standard animations arbitary Timelines can also be included in the parallel or sequential transitions.
- #38 Self explanatory
- #39 The current roadmap shows that this year Oracle will deliver on the cross-platform promise of JavaFX. The Mac OS version will go GA and a developer preview of the Linux version will also be launched. Improvements in tooling will be centred around updates to NetBeans and the GA release of the scene builder tool.