javafx for business application developers

JavaFX for Business Application DevelopersMichael Heinrichs

Freitag, 8. Juni 2012

“charles bridge” byhodgers (CC BY-SA 2.0)


http://www.flickr.com/photos/hodgers/43563859/


http://creativecommons.org/licenses/by-sa/2.0/


“Cooking Eggs” bykodomut (CC BY 2.0)

“charles bridge” byhodgers (CC BY-SA 2.0)


http://www.flickr.com/photos/kodomut/3673715907/










http://creativecommons.org/licenses/by/2.0/















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 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.


JavaFX is the evolution of the Java rich client platform, designed to provide a lightweight, hardware accelerated

UI platform that meets tomorrow’s needs.


JavaFX is Swing in cool!


• Examples

• Sample Application

• Process Overview

•Defining the View

•Hooking up Controllers

• Styling with CSS


Examples


Sample Application


Java EE

RESTful WS

JavaFX UI

Jersey

JavaDB


Process Overview


package com.oracle.conferenceplanner.controller;

import com.oracle.conferenceplanner.Env;import com.oracle.conferenceplanner.Messages;import com.oracle.conferenceplanner.entities.Session;import com.oracle.conferenceplanner.entities.Speaker;import com.oracle.conferenceplanner.view.GenericListCell;import com.sun.javafx.util.MessageBus;import java.net.URL;import java.util.Collection;import java.util.ResourceBundle;import javafx.animation.Animation;import javafx.animation.PauseTransitionBuilder;import javafx.beans.value.ChangeListener;import javafx.beans.value.ObservableValue;import javafx.concurrent.Service;import javafx.concurrent.Task;import javafx.event.ActionEvent;import javafx.event.EventHandler;import javafx.fxml.FXML;import javafx.fxml.Initializable;import javafx.scene.control.*;import javafx.scene.input.KeyEvent;import javafx.util.Callback;import javafx.util.Duration;

/** * * @author Michael Heinrichs */public class MainScreen implements Initializable {

@FXML private TextField searchField; @FXML private ToggleGroup toggleSearch; @FXML private Toggle toggleSession; @FXML private ProgressIndicator progressIndicator; @FXML private ListView searchResultList; private final Service<Collection<?>> dataFetcher = new Service<Collection<?>>() { @Override protected Task<Collection<?>> createTask() { final String currentSearchString = searchField.getText(); final boolean getSessions = toggleSearch.getSelectedToggle().equals(toggleSession); return new Task<Collection<?>>() { @Override protected Collection<?> call() throws Exception { return getSessions? Session.findLike(Env.getInstance().getWebResource(), currentSearchString) : Speaker.findLike(Env.getInstance().getWebResource(), currentSearchString); } }; } @Override

DeveloperUXDesigner

GraphicalDesigner

Java Code






DeveloperUXDesigner

GraphicalDesigner

<?xml version="1.0" encoding="UTF-8"?>

<?import com.oracle.conferenceplanner.view.*?><?import java.lang.*?><?import java.util.*?><?import javafx.geometry.*?><?import javafx.scene.control.*?><?import javafx.scene.layout.*?><?import javafx.scene.paint.*?><?import javafx.scene.shape.*?>

<SplitPane dividerPositions="0.3" focusTraversable="true" xmlns:fx="http://javafx.com/fxml" fx:controller="com.oracle.conferenceplanner.controller.MainScreen"> <items> <AnchorPane> <children> <VBox spacing="10.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> <children> <TextField fx:id="searchField" minHeight="-Infinity" onKeyTyped="#handleSearchBoxTyped" promptText="Search" /> <HBox spacing="10.0"> <children> <ToggleButton fx:id="toggleSession" selected="true" text="Session"> <toggleGroup> <ToggleGroup fx:id="toggleSearch" /> </toggleGroup> </ToggleButton> <ToggleButton fx:id="toggleSpeaker" text="Speaker" toggleGroup="$toggleSearch" /> </children> </HBox> <StackPane VBox.vgrow="ALWAYS"> <children> <ListView fx:id="searchResultList" /> <ProgressIndicator fx:id="progressIndicator" maxHeight="-Infinity" maxWidth="-Infinity" visible="false" /> </children> </StackPane> </children> </VBox> </children> <padding> <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" /> </padding> </AnchorPane> <AnchorPane> <children> <StackPane fx:id="detailsPane" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> <children> <fx:include source="session_details.fxml"/> <fx:include source="speaker_details.fxml"/> </children>

.root { -fx-background-color: black; -fx-font-family: 'Impact';/* -fx-font-fill: #99C0D0;*/ -fx-font-fill: black;}.label { -fx-text-fill: #7C5FDD;}.text-area { -fx-text-fill: #7C5FDD;}.text-field { -fx-background-color: transparent; -fx-border-color: #7C5FDD; -fx-text-fill: #D99C10; -fx-prompt-text-fill: #7C5FDD; -fx-cursor: text;}

.toggle-button { -fx-background-color: #7C5FDD; -fx-background-radius: 0; -fx-text-fill: black; -fx-alignment: CENTER; -fx-content-display: LEFT;}

.toggle-button:selected { -fx-background-color: #D99C10;}

.list-view { -fx-background-color: transparent;}

.list-view:vertical .list-cell { -fx-background-insets: 0, 5 0, 10 15, 0 25; -fx-padding: 15 20;}

.list-view:horizontal .list-cell { -fx-background-insets: 0, 0 5, 5 20, 0 30; -fx-padding: 10 25;}

.list-cell { -fx-background-color: black, #7C5FDD, black, black; -fx-background-radius: 0, 10, 5, 0;}

.list-cell .label { -fx-text-fill: #7C5FDD;}

.list-cell .title { -fx-text-fill: #D99C10;

Java CodeFXML CSS


http://javafx.com/fxml





Developer

UXDesigner

GraphicalDesigner













JavaFX


Defining the view


Stage


Stage

Scene


Stage

Scene

Scenegraph


JFrame

OK Cancel

Name

Adress

Mail


JFrame

JFXPanel : JComponent

OK Cancel

Name

Adress

Mail


JFrame

JFXPanel : JComponentScene

OK Cancel

Name

Adress

Mail


JFrame

JFXPanel : JComponentScene

ScenegraphOK Cancel

Name

Adress

Mail


Hooking up Controllers


Styling with CSS


Summary






DeveloperUXDesigner

GraphicalDesigner






Developer

UXDesigner

GraphicalDesigner













JavaFX


• http://blog.netopyr.com, @net0pyr

• JavaFX Websitehttp://javafx.com

• OTN Forum http://forums.oracle.com

• Bugs and Feature Requestshttp://javafx-jira.kenai.com

• API [email protected]


http://blog.netopyr.com

http://blog.netopyr.com

http://javafx.com

http://javafx.com

http://forums.oracle.com

http://forums.oracle.com

http://javafx-jira.kenai.com/

http://javafx-jira.kenai.com/

mailto:[email protected]

mailto:[email protected]

javafx for business application developers

Technology

initializable import

7c5fdd import javafx

d99c10 import javafx

animationimport javafx

actioneventimport javafx

taskimport javafx

resourcebundleimport

serviceimport javafx