JavaFX Script Language
1 like677 views
Документ описывает язык JavaFX Script, используемый для разработки клиентских, мобильных и веб-приложений с акцентом на мультимедийные функции. Он охватывает основы синтаксиса, привязку данных, обработку событий, графические объекты и эффекты, а также интеграцию с Java. Также упоминается среда разработки NetBeans и ресурсы для дальнейшего изучения.
![Функции
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.9999900283082478](https://image.slidesharecdn.com/javafxlanguage-090829175800-phpapp01/85/JavaFX-Script-Language-8-320.jpg)
![Последовательности
var seq = [ 2, 3, 4, 5 ];
var sqr = for(n in seq) n * n;
insert 1 into seq;
insert 9 after seq[3];
delete seq[ 0 ];
function factors(N:Integer):Integer[] {
[ 1 .. N / 2 ] [n| N mod n == 0]
}
10](https://image.slidesharecdn.com/javafxlanguage-090829175800-phpapp01/85/JavaFX-Script-Language-10-320.jpg)
![Анимация
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();
}
}
]
} 12](https://image.slidesharecdn.com/javafxlanguage-090829175800-phpapp01/85/JavaFX-Script-Language-12-320.jpg)
![Планетарная система
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
}
];
14](https://image.slidesharecdn.com/javafxlanguage-090829175800-phpapp01/85/JavaFX-Script-Language-14-320.jpg)
![Столкновение частиц
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{ }
}
}
} 15](https://image.slidesharecdn.com/javafxlanguage-090829175800-phpapp01/85/JavaFX-Script-Language-15-320.jpg)
JavaFX Script Language
- 1. Язык JavaFX Script – разработка приложений Александр Щербатый Developer/Community Campaign Sun Proprietary/Confidential: Internal Use Only 1
- 2. JavaFX Script JavaFX Script – это декларативный язык, ориентированный на создание клиентских, мобильных и веб медиа приложений Media приложения • Анимация • Видео • Аудио 2
- 3. Декларативный синтаксис 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
- 4. Привязка данных – data binding var saturation = 0.0; CustomSlider { value: bind saturation with inverse minValue: -1.0 maxValue: 1.0 }, ImageView { image: Image { url: "{__DIR__}/giraffe.jpg" } effect: ColorAdjust { saturation: bind saturation } }, 4
- 5. Обработка событий CustomButton { action: function() { println("Hello World!") } } 5
- 6. Графические объекты • Фигуры • Градиенты 6
- 7. Графические эффекты ● Затенение ● Смешение ● Наложение ● Отражение ● Размытость ● Подсветка ● Трансформация ● Сепия-тонирование 7
- 8. Функции 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.9999900283082478
- 9. График Функции function sqr(x:Number):Number { x * x } FunctionGraph { xMin: -2 xMax: 2 scale: scale dx: dx color: Color.RED func: sqr } 9
- 10. Последовательности var seq = [ 2, 3, 4, 5 ]; var sqr = for(n in seq) n * n; insert 1 into seq; insert 9 after seq[3]; delete seq[ 0 ]; function factors(N:Integer):Integer[] { [ 1 .. N / 2 ] [n| N mod n == 0] } 10
- 11. Интеграция с Java import java.util.Date; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.scene.text.Text; var date = new Date(); Stage{ title: "Date Example" scene: Scene{ content: Text { x: 10 y: 30 content: "Date: {%tF date}" } } } 11
- 12. Анимация 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(); } } ] } 12
- 13. Media компоненты Stage { title: "Simple Media Player" scene: Scene{ content: MediaComponent { mediaSourceURL: mediaUrl volume: 0.5 visible:true mediaPlayerAutoPlay: true } } } 13
- 14. Планетарная система 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 } ]; 14
- 15. Столкновение частиц 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{ } } } } 15
- 16. Среда разработки - NetBeans 16
- 17. Ссылки • http://java.sun.com/javafx • http://developers.sun.ru/javafx • http://ru.jfx.wikia.com Форум http://developers.sun.ru/forum Среда разработки http://javafx.netbeans.org 17
- 18. Александр Щербатый Developer/Community Campaign Sun Proprietary/Confidential: Internal Use Only 18