javafx for business application developers
DESCRIPTION
Slides from my session at JavaOne 2012.TRANSCRIPT
JavaFX for Business Application DevelopersMichael Heinrichs
Montag, 8. Oktober 2012
“Cooking Eggs” bykodomut (CC BY 2.0)
“charles bridge” byhodgers (CC BY-SA 2.0)
Montag, 8. Oktober 2012
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.
Montag, 8. Oktober 2012
• Sample Application
• Process Overview
•Defining the View
•Data Binding
• Styling with CSS
Montag, 8. Oktober 2012
Sample Application
Montag, 8. Oktober 2012
JACP
Montag, 8. Oktober 2012
Just Another Conference PlannerJ A C P
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Java EE
RESTful WS
JavaFX UI
Jersey
JavaDB
Montag, 8. Oktober 2012
Process Overview
Montag, 8. Oktober 2012
UXDesigner
Montag, 8. Oktober 2012
DeveloperUXDesigner
Montag, 8. Oktober 2012
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
Montag, 8. Oktober 2012
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
Montag, 8. Oktober 2012
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
Developer GraphicalDesigner
Montag, 8. Oktober 2012
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
Developer
Montag, 8. Oktober 2012
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
Montag, 8. Oktober 2012
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
<?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>
Montag, 8. Oktober 2012
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
<?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;
Montag, 8. Oktober 2012
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
Developer
UXDesigner
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;
JavaFX
Montag, 8. Oktober 2012
Defining the view
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Stage
Scene
Scenegraph
Montag, 8. Oktober 2012
JFrame
JFXPanel : JComponentScene
ScenegraphOK Cancel
Name
Adress
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Hooking up Controllers
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Layouts
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
RightLeft Center
Bottom
Top
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
•child.setLayoutX(10);
•vBox.setAlignment(Pos.CENTER);
•VBox.setMargin(child, new Insets(10));
Montag, 8. Oktober 2012
Data Binding
Montag, 8. Oktober 2012
Java EE
RESTful WS
JavaFX UI
Jersey
JavaDB
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Styling with CSS
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Summary
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
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
Montag, 8. Oktober 2012
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
Developer
UXDesigner
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;
JavaFX
Montag, 8. Oktober 2012
• 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]
Montag, 8. Oktober 2012
Montag, 8. Oktober 2012
Copyright © 2011, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 8
Montag, 8. Oktober 2012