Javafx Introdução

JavaFX Script
Introdução

Fábio Nogueira de Lucena
Instituto de Informática (UFG)
Graduação em Engenharia de Software
http://engenhariadesoftware.inf.br

JavaFX é uma
família de produtos

“Habilidade para criar conteúdo interativo,
aplicações e serviços a serem executados do
computador de mesa aos dispositivos da sala
de estar”

“Experiências de internet ricas para todas as
telas da sua vida”

Fonte de informações

javafx.com

Fonte de informações

java.sun.com/javafx

Componentes

• API
• JavaFX Script (linguagem de programação)
• JavaFX SDK
Onde obtê-los: javafx.com

Alguns links

• http://javafx.com
• http://java.sun.com/javafx
• http://www.javapassion.com/javafx/
• Esta e outras apresentações (slides):
http://www.slideshare.net/kyrios

Importante

• Tudo o que existe em Java pode ser
reutilizado em JavaFX

• Você poderá reutilizar suas
classes Java!

Sentenças em JavaFX:
Antes de um Exemplo

Comentários

• Comentário (múltiplas linhas)
/* Comentário que se estende
por mais de uma linha.
*/
• Comentário (uma única linha)
// Até o ﬁnal da linha

Object literal
• Em Java
Rectangle r = new Rectangle();
r.width = 10;
r.height = 5;

• Em JavaFX
Rectangle {
width : 10
height: 5
}

Packages e imports

• Package
package br.ufg.inf.projetoX;
• Import
import javafx.stage.Stage;
import javafx.scene.*;

Primeiro exemplo
package jfx1;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.*;

/* Main.fx
*/

Stage {
title: "Título da Aplicação (janela)"
width: 250
height: 80
scene: Scene {
content: Text {
font : Font { size : 16 }
x: 10, y: 30
content: "Meu primeiro teste"
}
}
}

Como obtê-lo?

• Repositório dos exemplos
http://exemplos.googlecode.com/svn/trunk/javafx

• Comando para obter localmente?
(cria diretório jfx1 a partir do repositório)
svn export <url-acima>/jfx1 jfx1

Como compilar e
executar?
• Vá jfx1 o diretório criado
cd
para

• Compilação
javafxc -d ~/tmp src/jfx1/Main.fx

• Execução-cp
javafx ~/tmp jfx1.Main

Se o resultado for...

• Especiﬁque o encoding pertinente ao arquivo fonte
(no momento da compilação)
javafxc -d ~/tmp -encoding ISO-8859-1 src/jfx1/Main.fx

• Ao executar o~/tmp jfx1.Main
javafx -cp
resultado da compilação anterior

• O resultado...

Primeiro a linguagem,
depois os recursos da API

Variáveis e tipos
(explícitos)
var boolean: Boolean = true;
var byte: Byte = 2;
var short: Short = 3;
var int:Integer = 4;
var long: Long = 5;
var ﬂoat: Float = 1.2;
var double: Double = 2.0;

Tipos (implícitos)
// var boolean : Boolean = true;
// é o mesmo que...
var boolean = true;

// var int : Integer = 4;
// é o mesmo que ...
var int = 4;

Todos os tipos
Boolean
Integer
Number
String
Duration Number é sinônimo de Float
Character
Byte Float é equivalente a Number
Short
Long Float é sinônimo de Number
Float
Double Number é equivalente a Float

Exemplo Boolean

// Pacote: javafx.lang
// Classe FX (vários métodos static)
var logica : Boolean = false;
FX.println(“Valor: {not logica}”);

// OU
println(“Valor: {not logica}”);
Notou que não houve concatenação explícita?

Constantes
var (variável)
def (constante)
// Variável
var logica : Boolean = false;

// CONSTANTE
def pi = 3.1415926536;
println(“Valor: {pi}”);

Área de um círculo
var (variável)
def (constante)

// Arquivo: x.fx
// Área pi * raio * raio
def pi = 3.1415926536;
def raio = 2; // Dois metros
println(“Área: {pi*raio*raio}m2”);

Este código é compilável e executável!
$ javafxc x.fx
$ javafx x

Volume de um cilindro
// Área pi * raio * raio
def pi = 3.1415926536;
def raio = 2; // Dois metros
var area = pi * raio * raio;
var altura = 1; // 1 metro
var volume = area * altura * 1000;
def (constante)
var (variável)

println(“Volume: {volume} litros”);

$ javafxc x.fx
$ javafx x

String (“ ou ‘)
def name : String = “Nome”;
“string” ou ‘s tring’

var nAme = ‘Nome’;
var iguais = ‘{name == nAme}’;
// Imprime
// Iguais?: true
print(“Iguais?: {iguais}”);

$ javafxc x.fx
$ javafx x

String (múltiplas linhas)
“s t
var name = “Pedro ” r i ng
‘Álvares’ ”o
u ‘s
“string” ou ‘s tring’

“ Cabral”; tri
ng
’
// Imprime
// Pedro Álvares Cabral
print(name);

$ javafxc x.fx
$ javafx x

Duration
Detalhes em javafx.lang.Duration
var horas = 0h;
var minutos = 1m;
var segundos = 1s;
var milissegundos = 1ms;
var parcial = horas + milissegundos;
print(parcial + minutos + segundos);


Sequência é uma coleção
de objetos ordenados
• É declarada com colchetes ([ e ])
• Uma sequência é linear, não existem
sequências multidimensionais
• Sequências são iguais se possuírem o
mesmo tamanho e os mesmos valores nas
mesmas ordens
• Notação: tipo seguido de []
(por exemplo, Integer[])
• sizeof recupera o tamanho da
sequência

Sequências
Sequence é uma lista ordenada
de elementos de um mesmo tipo
var lista = [-1, 0, 1];
def ordenada = [ false, true, true ];
var mesmoTipo = [ ‘A’, “ Janela” ];
println(lista);
println(ordenada);
println(mesmoTipo);

Nenhuma surpresa:

Sequências
var ints : Integer[] = [1, 2,3];
def bs : Boolean[]=[false];
def vazia=[];
println(ints);println(bs);println(vazia);

Nada espetacular...

Sequências
// Vírgula como separador
var strs = [ “ok”, ‘correto’ ];
println(strs);

Aplicação de 3 linhas:

Nem sempre...

sequências são explicitamente
criadas por meio de seus
elementos separados por
vírgulas, nestes casos, ...

Faixas (sequências numéricas)
Step padrão é
1 ou 1.0 dependendo do tipo do elemento
var ints = [1..5]; // step é 1
println(ints);
var ns = [ 1.0..1.3 step 0.1];
println(ns);

Arquivo n.fx é compilado
n (do nome do arquivo) é executada

Faixas (sequências numéricas)

Step padrão é
1 ou 1.0 dependendo do tipo do elemento
println([1..<5]); // 1 a 4
println([4..1 step -1]); // 4 a 1
println([10..1]); // [ ]
println(sizeof [1..67]); // 67

Sequências não podem conter sequências

Uma sequência contém apenas objetos
Uma sequência não é um objeto!
var inicio = 1;
var fim = 9;
var p = 2;
var impares = [inicio..fim step p];
var pares = [(inicio+1)..(fim+1) step p];
var todos = [ impares, pares ];
println(todos);

Elementos são concatenados:

Sequências não podem conter sequências

Uma sequência contém apenas objetos
Uma sequência não é um objeto!

import javafx.util.Sequences;
var impares = [1..9 step 2];
var pares = [2..10 step 2];
println(Sequences.sort([impares,pares]));

Elementos são concatenados e ordenados:

Convertendo para String
var bytes : Byte[] = [2..1 step -1];
println(bytes);
println(“{bytes}”);
println(“{[5..0 step -1]}”);

Saídas produzidas

O que você já sabe?

javafxc compila arquivo .fx
javafx executa

A linha abaixo é compilável e executável!

println(new java.util.Date());

Leia mentalmente...
• Obter o tamanho de uma sequence
• Recuperar um único elemento
• Recuperar uma faixa de elementos
consecutivos
• Recuperar subconjunto de elementos
não consecutivos que satisfazem
critérios de busca
• Inverter a ordem
• Inserir/remover um elemento

Tamanho (sizeof)
sizeof também pode ser empregado
para tipos primitivos (retorna 1)
var ints = [ 2..10000 ];
println(sizeof ints); // 9999

sizeof usado também com referência
(retorna 1 se não for null ou 0 para null)
var integer : Integer;
var ref : javafx.scene.shape.Rectangle;
println(sizeof integer); // 1
println(sizeof ref); // 0

Acesso a elemento
nome de sequence ou expressão que resulta em
sequence seguido de [indice]
var ints = [ 2..10000 ];
ints[3] = 2;

println(ints[-14]); // Imprime 0
println([1, 3][1]); // Imprime 3
println(ints[4]); // Imprime 6
// Imprime true
println(ints[2*10000] == ints[-1]);

[indice]

Acesso a segmento
nome de sequence ou expressão que resulta em
sequence seguido de:

print([1..5][0..]); // todos
print([1..5][0..<1]); // [ 1 ]
print([1..5][0..0]); // [ 1 ]
print([1..5][2..<]); // [ 3, 4 ]
print([1..5][3..4]); // [ 4, 5 ]

[índice]

Segmento por predicado
Elementos não necessariamente consecutivos
são selecionados, basta satisfazer condição
var ns = [1..5];
print(ns[x | x < 6]); // todos
print(ns[y | y == 4]); // [ 4 ]
print(ns[z | z*z == 4]); // [ 2 ]
print(ns[varX | true]); // todos
// Imprime [ 1, 3, 5 ] (índices pares)
print(ns[k | indexof k mod 2 == 0]);
print(ns[par | par mod 2 == 0]); // Pares

[valores da sequência]

Invertendo ordem
Não modiﬁca a sequência original, produz
outra que contém os mesmos elementos,
mas na ordem inversa

var ns = [1..5];
var sn = [5..1 step -1];
print(reverse ns); // [ 5, 4, ...
print(reverse ns == sn); // true

reverse ns
Uma outra sequência é criada

Inserindo elemento
Modiﬁca a sequência original

insert into
insert before
insert after

insert into
Insere um valor no ﬁnal de uma sequência

var ns = [1..3];
insert 10 into ns;
print(ns); // [ 1, 2, 3, 10 ]

insert x into sequencia;
Valor x é inserido no ﬁnal de sequencia

insert before
Insere valor em sequência
antes do índice fornecido
var ns = [1..3]; // [ 1, 2, 3 ]
insert -1 before ns [2];
print(ns); // [ 1, 2, -1, 3 ]

insert -1 before ns[0];
print(ns); // [ -1, 1, 2, -1, 3 ]

insert x before sequencia [indice];
Valor x é inserido em sequencia antes
de indice

insert after
Insere valor em sequência
após o índice fornecido
var ns = [1..3];
insert -1 after ns [2];
print(ns); // [ 1, 2, 3, -1 ]

insert -1 after ns[-1];
print(ns); // [ -1, 1, 2, 3, -1 ]

insert x after sequencia [indice];
Valor x é inserido em sequencia após
indice

Inserir sequência em sequência
insert into, insert before e insert after
var pares1 = [1..5][x | x mod 2 == 0];
var pares2 = pares1;
var pares3 = pares1;
var impares = [1..3][x | x mod 2 != 0];

// [ 2, 4, 1, 3 ]
insert impares into pares1;

// [ 1, 3, 2, 4 ]
insert impares before pares2 [0];

// [ 2, 1, 3, 4 ]
insert impares after pares3 [0];

Removendo elementos
delete valor from sequência
delete sequência [índice]
var ints = [1..10];
delete 1 from ints; // [ 2,3,4,5,6,7,8,9,10 ]
delete 3 from ints; // [ 2,4,5,6,7,8,9,10 ]
delete ints [2]; // [ 2,4,6,7,8,9,10 ]
delete ints [3]; // [ 2,4,6,8,9,10 ]
delete ints [4..4]; // [ 2,4,6,8,10 ]
delete ints [5]; // [ 2,4,6,8,10 ]
println(ints);

delete x from sequencia
delete sequencia [índice]

Sequence comprehension
Criando sequências com uso do for

var ints = for (x in [1..2]) x*x;
println(ints); // [ 1, 4 ]
var ns = for (x in [1..2] where x > 1) x;
println(ns); // [ 2 ]

def AA = [ 1, 2 ];
def BB = [ 3, 4 ];
var matriz = for (a in AA, b in BB) a*10 + b;
println(matriz); // [ 13, 14, 23, 24 ]

Última sentença do for
(deﬁne o valor)
Criando sequências com uso do for
var ints = for (x in [1..2]) {
println(x);
x*x;
};
println(ints);

Resultado:

Funções úteis
javafx.util.Sequences

binarySearch
indexByIdentity
indexOf
isEqualByContentIdentity
max
min
nextIndexByIdentity
nextIndexf
reverse
shuffle
sort

Ordenando
javafx.util.Sequences.sort(seq)

import javafx.util.Sequences;

var strs = [ “teste”, “cadeira”, “casa” ];
var ord = Sequences.sort(strs);
println(ord);
[ “cadeira”, “casa”, “teste” ]
var ints = [10..1 step -1];
def intsOrdered = Sequences.sort(ints);
println(intsOrdered);

[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

Expressões
Trecho de código em JavaFX Script
que o compilador é capaz de compreender

println([1..10]);

{
println([1..10]);
}

Expressões equivalentes do tipo void

Expressões

10;

{
10;
}

Expressões equivalentes do tipo Integer

Atribuições
var x = 10;
var y = {
10;
}
var z = {
def a = 5;
def b = 2;
a * b;
}
Atribuições envolvendo
expressões equivalentes do tipo Integer

Atribuições

var x = 10;

var y = {
println(x);
x + 10; // ; é opcional aqui
}
println(y);

Atribuições envolvendo
expressões do tipo Integer

While
Executar bloco de código
enquanto condição for verdadeira

var x = 1;
while (x < 10) {
print(“ {x}”);
x++;
}
Resultado:
123456789

For
enquanto condição for verdadeira
var y = for (x in [1..10]) {
print(“ {x}”);
“a{x*x}”
}
println(“ “);
println(y);

Resultado:
1 2 3 4 5 6 7 8 9 10
[ a1, a4, a9, a16, a25, a36, a49, a64, a91, a100 ]

if
conforme avaliação de condição

var x = 1;
println(“{if (x>0) then x+3 else x-10}”);

Resultado:
4

if
dependendo de avaliação de condição

var x = 1;
var y = if (x < 0) then “a” else “b”;
println(“Resultado: {y}”);

O que é produzido?
Resultado: b

O que ainda falta?

• object literal
• binding
• gráﬁcos
• API Não perca...

Javafx Introdução

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (20)

Similar a Javafx Introdução

Similar a Javafx Introdução (20)

Más de Fábio Nogueira de Lucena

Más de Fábio Nogueira de Lucena (20)

Javafx Introdução

Notas del editor