Aula 07 JavaFX Introdução

Prévia do material em texto

Introdução ao 
JavaFX
Agenda
● O que é JavaFX?
● O que você pode fazer com JavaFX?
● Ferramentas e projetos
● Um pouco de código
● O projeto Visage
● Indo além da apresentação
● Perguntas
O que é JavaFX 
É uma moderna biblioteca Java que 
dispõe de vários recursos para 
criação de aplicações ricas. 
Sua forma de programar facilita 
muito a vida do desenvolvedor.
É o novo Swing
O que é JavaFX 
Permite Criar Aplicações Ricas de 
Forma Fácil Com Java
O que você pode fazer com JavaFX?
Criar Interfaces gráficas...
Fonte das imagens:: http://docs.oracle.com/javafx/
O que você pode fazer com JavaFX?
Aplicar Efeitos...
Fonte das imagens:: http://docs.oracle.com/javafx/
O que você pode fazer com JavaFX?
Fonte das imagens:: http://docs.oracle.com/javafx/
Criar animações...
O que você pode fazer com JavaFX?
Fonte das imagens:: http://docs.oracle.com/javafx/
Mostrar páginas HTML...
O que você pode fazer com JavaFX?
Fonte das imagens:: http://docs.oracle.com/javafx/
Utilizar CSS para trocar a aparência da aplicação...
O que você pode fazer com JavaFX?
Fonte das imagens:: http://docs.oracle.com/javafx/
Criar Gráficos....
O que você pode fazer com JavaFX?
Fonte das imagens:: http://docs.oracle.com/javafx/
Tocar conteúdo multimídia...
Aplicação Ensemble
http://download.oracle.com/otndocs/products/javafx/2/samples/Ensemble/Ensemble.jnlp
O que você pode fazer com JavaFX?
● Desenvolvimento MultiPlataforma
● Utilizar sua linguagem favorita
● Usar FXML
● Criar aplicações usando Java Plano ou Builders
● Utlizar sua IDE predileta
Ferramentas e Projetos
DATAFX
ScalaFX
● Primeiramente você deve saber algumas 
coisas importantes:
○ Abstração de teatro: usa os conceitos Palco(Stage) 
e Cena(Scene)
○ A classe principal sempre herda de javafx.
application.Application
○ Todos os atores(componentes da Cena) herdam de 
javafx.scene.Node
○ As classes do JavaFX ficam no jar jfxrt.jar, presente 
no JavaFX quando você baixa ele do site da Oracle
Um pouco de código
Um pouco de código
● Esqueleto de uma aplicação JavaFX
Um pouco de código
Demonstração da aplicação TimaoFX
Um pouco de código
Criando o "Topo"
Um pouco de código
Criando o "Accordion"
raiz.setCenter(paineis);
Um pouco de código
Criando o painel "Informações básicas"
Um pouco de código
Criando o painel "Vídeos"
Um pouco de código
Criando o painel "Hinos"
Um pouco de código
Criando o painel "Títulos"
Um pouco de código
Nosso "Tocador de Vídeo"
Um pouco de código
Nosso "Tocador de Audio"
Um pouco de código
Um pouco de código
Com CSS!
cena.getStylesheets().add(ARQUIVO_CSS);