Netbeans Javaone2010s313450 Visualdev Javafx
Transcript of Netbeans Javaone2010s313450 Visualdev Javafx
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
1/26
1
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
2/26
Visual Development of JavaFX Applications
David Kaspar
Software Engineer
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
3/26
3
JavaOne and Oracle DevelopLatin America 2010
December 79, 2010
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
4/26
4
JavaOne and Oracle DevelopBeijing 2010
December 1416, 2010
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
5/26
5
The following 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 berelied upon in making purchasing decisions.
The development, release, and timing of any
features or functionality described for Oracles
products remains at the sole discretion of Oracle.
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
6/26
6
You will learn how to visually develop JavaFX
applications including their dynamic behaviors,
connecting to data on the Internet and embedding
graphics produced by creative designers.
Goal
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
7/267
Program Agenda
Introduction
Concept of States
Concept of Data Sources
Embedding Graphics Summary
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
8/268
Introduction
JavaFX Technology for creating rich-client applications
JavaFX 1.3.1 SDK Minimal set of tools for creating JavaFX apps
NetBeans 6.9.1 for JavaFX
Support for full development cycle
Advanced editor features
Built-in JavaFX SDK
JavaFX Production Suite integration
JavaFX Composer
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
9/269
NetBeans JavaFX Composer
Visual development tool for JavaFX applications
Integrated into NetBeans 6.9
Targeted for developers
Allows applications to be composed using Standard controls from the JavaFX 1.3.1 SDK
Imported graphics files from the JavaFX Production Suite
Templates, Custom components
Dynamic UI design Connecting to Data Sources
Profiles, Compliance checking
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
10/2610
DemoFirst Project
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
11/2611
Concepts of States
State a state of an application (appearance,
behavior, internal state) at a specific time
Switching states changing the UI and internal state
of the application
Designing an application for individual states
States One Master state useful as a template
Multiple Derived states derived from Master
Support for simple animations Setting interpolation and duration for transition into each state
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
12/2612
DemoState-based Hello World
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
13/2613
Multiple State Variables
1. state variable controls the wizard page
The rest happens automatically
2. state variable controls side-bar visibility
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
14/2614
Concept of Data Sources
Diversity Your data are at various locations
Your data requires various APIs to access them
Your data are accessible in various data-formats
Data Sources Gathers data and serves them in an unified structure
Data can be connected to visual and/or internal components
Filtering
Extracting important data sub-sets
Meta-data Inspecting structure at run-time
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
15/2615
Data Source API
Provided by NetBeans JavaFX Composer
Structure Types DataSource the source
RecordSet a list of Record instances
Record a table of key/value entries where the value is an
Object, String, Record, RecordSet, ...
Data Sources
HTTP Data Source, JDBC Data Source
File, Classpath, Storage, File System
Parsers
XML, JSON, Properties, Lines
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
16/26
16
DemoYahoo! Search
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
17/26
17
Embedding Graphics
Enhances appearance and usability of applications
Study revealed Creative designers use different tools than developers
Need for designer/developer collaboration
JavaFX Production Suite
Export plug-ins for 3rd party graphic tools
Converters for 3rd party graphic formats
New FXD/FXZ graphic file formats
Import and manipulation tools for developers
Allows separation of graphics and code by UI contract
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
18/26
18
Designer/Developer Collaboration Workflow
Graphicprototype
Contentauthoring
Contentand logiciterations
Businesslogic
development
Finalapplication
Deployment
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
19/26
19
Content Authoring
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
20/26
20
Content Export
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
21/26
21
Content Export Options
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
22/26
22
NetBeans Integration
Support for FXD/FXZ files Graphics viewer
Structure navigator
Text editor
UI stub class generator Represents the entire graphic as a visual node
Provides access to labeled elements as instance fields
NetBeans JavaFX Composer integration
Embedding a graphics file into a design
Manipulation with selected labeled elements
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
23/26
23
DemoJavaFX Production Suite Integration
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
24/26
24
Summary
NetBeans JavaFX Composer tool provides Rapid visual development of JavaFX applications
Static and dynamic UI design
Connectors to your data
Graphics integration from creative designers
More information http://netbeans.org/features/javafx/composer.html
http://wiki.netbeans.org/JavaFXComposer Download
http://www.netbeans.org/downloads/
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
25/26
25
-
8/8/2019 Netbeans Javaone2010s313450 Visualdev Javafx
26/26