JavaFX

Together. Free your energies

JavaFX primer

…to get you started!

Mark NankmanUX ArchitectTTU-F52

“The most pervasive and powerful mobile platform is now the most expressive”

| Technology ServicesTogether. Free your energies

Agenda

What is JavaFX? History Who is JavaFX meant for? Applications Hello World (demo) JavaFX Script language Designer-Developer workflow (demo) Questions


JavaFX…

Is a highly productive scripting language, enables content developers to create rich media and content

for deployment on Java environments, Is a declarative, statically-typed programming language, has first-class functions, has declarative syntax, has list-comprehensions, has incremental dependency-based evaluation. can make direct calls to Java APIs that are on the platform Is NOT a replacement for Swing


JavaFX History

F3: Form Follows Function. developed by Chris Oliver around 2006. F3 was changed to JavaFX Script, and it became open

sourced at JavaOne 2007. JavaFX 1.0 was released on December 4, 2008 JavaFX 1.1 was released on February 20, 2009 JavaFX 1.1.1 was released on March 21, 2009


Cross-Platform


JavaFX Stack


Who is JavaFX meant for?

Rich media developers RIA developers


Applications

Rich cross-platform internet applications: Mobile devices Desktop TV

“rich” : Animations Cinematic effects Media streaming

Hello World


JavaFX Script Language

• Declarative syntax> GUI> Swing> Data binding> Incremental evaluation

• Statically typed> and code structuring, reuse, and encapsulation features that enable

creating and maintaining very large programs in the Java programming language.


JavaFX Script language - script

• A “script" is one or more declarations or functions.

Stage {scene: Scene {

content: Text{content: “Hello World!”}}

}

• No main, classes or functions are mandatory.


JavaFX Script language - Class

class Knight { public var health = 100; public var strength = 10;

public function die(){ health = 0 }

public function hurt(amount: Integer){ strength -= amount } }


JavaFX Script language - Objects

var myKnight = Knight {}

var superKnight = Knight { health: 150; strength: 15; }

myKnight.hurt(superKnight.strength);

// myKight.health = 75


JavaFX Script language - Basic Data Types

JavaFX

> String> Boolean> Number> Integer> Duration

Java

> java.lang.String> java.lang.Boolean> java.lang.Number> byte, short, int, long, BigInteger> N/A


JavaFX Script language - String Examples

var s1 = "Java"; var s2 = "FX"; var s3 = "Java{s2}"; // s3 = 'Hello Joe' var s4 = "{s1}{s2}"; // s4 = "JavaFX"


JavaFX Script language - Boolean Examples

var cool = true; var s = "Java{if(cool)"FX"else"Script"}"; //s = "JavaFX"

var a = true; // a = true var b = false; // b = false var c = a and b; // c = false var d = a or b; // d = true var e = not a; // e = false


JavaFX Script language - Duration

var t1 = 5ms; // 5 milliseconds var t2 = 10s; // 10 seconds var t3 = 30m; // 30 minutes var t4 = 1h; // 1 hour

var t5 = t1 + t2 + t3 + t4; // 1 hour 30 min 10 secs and 5 millisecs


JavaFX Script language - Sequences

var x = [1,2,3]; // array initialization

insert 10 into x; // [1, 2, 3, 10]

insert 12 before x[1]; // [1, 12, 2, 3, 10]

delete 12 from x; // [1, 2, 3, 10]

insert [1..10] into x; // [1, 2, 3, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]


Designer-Developer workflow

Designers produce pixels UI Developers need shapes, UI elements, dimensions… What if designer could export the designs to a format a

developer can work with?

The JavaFX Productivity Suite does just that!

JavaFX Productivity Suite


Questions