Язык JavaFX Script – разработка приложений


The Presentation inside:

Slide 0

Александр Щербатый Язык JavaFX Script – разработка приложений


Slide 1

JavaFX Script Анимация Видео Аудио JavaFX Script – это декларативный язык, ориентированный на создание клиентских, мобильных и веб медиа приложений Media приложения 2


Slide 2

Декларативный синтаксис Stage { title: "JavaFX Application" scene: Scene { content: Text { x: 10, y: 30 font: Font { size: 34 } fill: Color.DARKBLUE content: "Hello World!" effect: DropShadow { offsetY: 3 } } } } 3


Slide 3

Привязка данных – data binding 4 CustomSlider { value: bind saturation with inverse minValue: -1.0 maxValue: 1.0 }, ImageView { image: Image { url: "{__DIR__}/giraffe.jpg" } effect: ColorAdjust { saturation: bind saturation } }, var saturation = 0.0;


Slide 4

Обработка событий CustomButton { action: function() { println("Hello World!")? } } 5


Slide 5

Функции function f(x:Number):Number{ Math.cos(x); } function integral( f: function(Number):Number, a:Number, b: Number, dx: Number):Number{ var s = 0.0; for(x in [a..b step dx]){ s += f(x) * dx; } return s; } println( integral(f, -Math.PI /2, Math.PI/2, 0.01) ); // output: 1.999990028308247 6


Slide 6

График Функции function sqr(x:Number):Number { x * x } FunctionGraph { xMin: -2 xMax: 2 scale: scale dx: dx color: Color.RED func: sqr } 7


Slide 7

Графические объекты Фигуры Градиенты 8


Slide 8

Графические эффекты Затенение Смешение Наложение Отражение Размытость Подсветка Трансформация Сепия-тонирование 9


Slide 9

Анимация var car = Car{ }; var angle = 0; Timeline { repeatCount: Timeline.INDEFINITE keyFrames: [ KeyFrame { time: 0.1s values: angle => 180 tween Interpolator.LINEAR action: function() { car.move(); } } ] } 10


Slide 10

Media компоненты Stage { title: "Simple Media Player" scene: Scene{ content: MediaComponent { mediaSourceURL: mediaUrl volume: 0.5 visible:true mediaPlayerAutoPlay: true } } } 11


Slide 11

Планетарная система var planets = [ Planet{ name: "Mercury" radius: 0.383 eccentricity: 0.20563 }, Planet{ name: "Venus" radius: 0.95 eccentricity: 0.0068 }, Planet{ name: "Earth" radius: 1 eccentricity: 0.01671 } ]; 12


Slide 12

Столкновение частиц class Particle extends CustomNode { var radius : Number; public override function create(): Node { Circle { radius: bind radius fill: RadialGradient { centerX: 75 centerY: 75 radius: 90 proportional: false stops: [ Stop { offset: 0.0 color: Color.RED }, Stop { offset: 1.0 color: Color.DARKRED } ] } effect: Reflection{ } } } } 13


Slide 13

Среда разработки - NetBeans 14


Slide 14

Ссылки http://java.sun.com/javafx http://developers.sun.ru/javafx http://ru.jfx.wikia.com Среда разработки http://javafx.netbeans.org Форум http://developers.sun.ru/forum 15


Slide 15

Александр Щербатый


×

HTML:





Ссылка: