JavaFX 2.1 - следующее поколение клиентской Java

1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

Insert Informaion Protection Policy Classification from Slide 7

LOGO

Presenting with

JavaFX 2.1 - следующее поколение клиентской Java Александр Кузнецов


Insert Informaion Protection Policy Classification from Slide 7

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.


Интерфейс на Java


JavaFX


Демонстрация


Архитектура JavaFX

Из чего состоит JavaFX?

UI Controls API



Движок рендеринга● Высокопроизводительный● Аппаратно-ускоренный● Легковесный● Не использующий AWT или Swing

UI Controls API


Эффекты


Эффекты

● Пример использования

node.setEffect(new BoxBlur(10, 10, 2));


Трансформации


Трансформации

● Пример использования

node.setRotate(node.getRotate() + 90);


3D-трансформации


3D-трансформации

Пример использования

Scene scene = new Scene(root, 500, 500, true);scene.setCamera(new PerspectiveCamera());...node.setRotationAxis(Rotate.Y_AXIS);node.setRotate(node.getRotate() + 20);


Граф сцены (Scene graph)● Направленный связный ацикличный граф● Задает структуру графических компонентов:

● порядок отрисовки● порядок обработки событий● эффекты и трансформации

Parent

Sceneroot

children

сверхуснизу


Анимация

Animation

Transition Timeline

FadeTransition, FillTransition, ParallelTransition, PathTransition, PauseTransition, RotateTransition,

ScaleTransition, SequentialTransition, StrokeTransition, TranslateTransition


Анимация: Transitions


Анимация: Transitions

● Пример использования:

RotateTransitionBuilder.create() .node(node) .byAngle(90) .build().play();


Fluent API

RotateTransition rotateTransition = new RotateTransition();rotateTransition.setNode(node);rotateTransition.setByAngle(90);rotateTransition.play();

● Пример использования:

RotateTransitionBuilder.create() .node(node) .byAngle(90) .build().play();


Анимация: Transitions● ParallelTransition, SequentialTransition, PauseTransition

ParallelTransitionBuilder.create() .cycleCount(Timeline.INDEFINITE) .autoReverse(true) .node(duke) .children( TranslateTransitionBuilder.create() .byY(50) .build(), FadeTransitionBuilder.create() .toValue(0) .build() ) .build().play();


Анимация: Timeline

0s 1s 2s 3s 4s 5s 6s

Key valuex = 0 x = 100

Keyframes

Как значения изменяются во времени

TimelineBuilder.create() .keyFrames( new KeyFrame(Duration.seconds(0), new KeyValue(x, 0), ...), new KeyFrame(Duration.seconds(5), new KeyValue(x, 100), ...), ...).build();


Анимация: Interpolators


Свойства (Properties)

● Обычное свойство

private int radius = DEFAULT_RADIUS;

public int getRadius() { return radius; } public void setRadius(int radius) { this.radius = radius; }


Свойства (Properties)

● JavaFX свойство:

private IntegerProperty radius = new SimpleIntegerProperty(DEFAULT_RADIUS); public int getRadius() { return radius.get(); } public void setRadius(int radius) { this.radius.set(radius); } public IntegerProperty radiusProperty() { return radius; }


Простое связывание (Binding)

● В одну сторону: IntegerProperty x = new SimpleIntegerProperty(); IntegerProperty y = new SimpleIntegerProperty(); x.bind(y.add(5)); // x bind y + 5

● В обе стороны: IntegerProperty z = new SimpleIntegerProperty(); z.bindBidirectional(y); // z bind y with inverse


Сложное связывание (Binding)

● Сложное связывание: Label label = new Label(); label.textProperty().bind(new ObjectBinding<String>() { { bind(x, z); } @Override protected String computeValue() { return x.get() == z.get() ? "Значения равны" : "x = " + x.get() + ", z = " + z.get(); } });

● Полный контроль над связыванием● unbind(), addListener(), removeListener(), isBound()





● Видео ● Аудио

UI Controls API


Поддержка мультимедиа

● H.264 в JavaFX 2.1● кодеки VP6, MP3● полноэкранное видео● канал прозрачности● полностью интегрировано в графическую систему● мгновенное воспроизведение звуков (low latency)





● HTML 5.0● взаимодействие JavaScript и JavaFX● доступ к содержимому страницы

UI Controls API





Библиотека компонентов для построения графического пользовательского интерфейса

● написаны на JavaFX● открытый исходный код

http://openjdk.java.net/projects/openjfx/

UI Controls API


UI Controls API

● Анимированные диаграммы● Менеджеры расположения

компонентов● Стилизация при помощи CSS




Что ещё?

● Java API● Средства разработки, отладки и тестирования● Взаимодействие с Swing и SWT● Развертывание (Deployment)● Что нового в версии JavaFX 2.1?


Java API

все возможности языка Java:● шаблоны● многопоточность● аннотации● доступен из любого JVM языка:

Ruby, Scala, Groovy


Средства

● разработка:● любые Java IDE: NetBeans, Eclipse, IDEA

● отладка:● любые средства для языка Java

● тестирование: ● Jemmy3 http://jemmy.java.net/

http://jemmy.java.net/


Scene Builder

● Подробнее в докладе Сергея Гринева


FXMLexample.fxml:...<GridPane id="gridPane1" ...> <children> <Label id="label1" text="Имя" ... /> <TextField id="textField1" ... />...

example.java:... Parent root = FXMLLoader.load( getClass().getResource("example.fxml")); stage.setScene(new Scene(root));...


JavaFX в Swing и SWT приложениях

public class JFXPanel extends javax.swing.JComponent { … void setScene(Scene newScene) {...} …}public class FXCanvas extends org.eclipse.swt.widgets.Canvas { … void setScene(Scene newScene) {...} …}


Развертывание

➔ JAR-файл➔ JNLP➔ Апплет


Что будет в JavaFX 2.1

● поддержка Mac OS● beta-поддержка Linux● JavaScript -> Java вызовы● а также:

● улучшения в FXML, в рендеринге шрифтов, в SplitPane, в классах Task и Service, в поддержке меню приложения

● новые диаграммы, новый компонент ComboBox● поддержка форматов AAC, H.264/MPEG


Возможности JavaFX

● Богатая графика и анимация● Мультимедиа● HTML 5.0● UI-элементы● FXML и CSS● Апплет/JNLP/JAR● Интеграция со Swing и SWT




Ссылки

● JavaFX http://javafx.com● Примеры:

http://www.oracle.com/technetwork/java/javafx/samples/index.html

● JavaFX и Scala http://code.google.com/p/scalafx/● JavaFX и Groovy http://groovyfx.org/

http://javafx.com/

http://www.oracle.com/technetwork/java/javafx/samples/index.html

http://code.google.com/p/scalafx/

http://groovyfx.org/


JavaFX 2.1 - следующее поколение клиентской Java

Documents

public int getradius

int radius

slide 7 reserved

rights reserved

rights reserved

scene newscene

return radius

radius