0
Introdução ao   JavaFX 2
Quem é William● Formado na FATEC SJC● Trabalha na Red Hat com Suporte de  ferramentas JBoss● Um dos organizadores do JUG V...
Agenda●   O que é JavaFX?●   O que você pode fazer com JavaFX?●   Ferramentas e projetos●   Um pouco de código●   O projet...
O que é JavaFX 2É uma moderna biblioteca Java que  dispõe de vários recursos para    criação de aplicações ricas.  Sua for...
O que é JavaFX 2Permite 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://...
O que você pode fazer com JavaFX?         Aplicar Efeitos...                         Fonte das imagens:: http://docs.oracl...
O que você pode fazer com JavaFX?         Criar animações...                        Fonte das imagens:: http://docs.oracle...
O que você pode fazer com JavaFX?         Mostrar páginas HTML...                       Fonte das imagens:: http://docs.or...
O que você pode fazer com JavaFX? Utilizar CSS para trocar a aparência da aplicação...                                Font...
O que você pode fazer com JavaFX?           Criar Gráficos....                        Fonte das imagens:: http://docs.orac...
O que você pode fazer com JavaFX?        Tocar conteúdo multimídia...                         Fonte das imagens:: http://d...
Demonstração da aplicação Ensemble
O que você pode fazer com JavaFX?●   Desenvolvimento MultiPlataforma●   Utilizar sua linguagem favorita●   Usar FXML●   Cr...
Ferramentas e Projetos                         DATAFXScalaFX
Um pouco de código● Primeiramente você deve saber algumas  coisas importantes:  ○ Abstração de teatro: usa os conceitos Pa...
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);
Visage● Nasceu do JavaFX Script logo após o fim do  mesmo● Totalmente OpenSource● Roda sobre a Plataforma Java● Muito fáci...
Por que Visage?● Ok, Java tem várias opções, é maduro, etc,  mas as vezes você quer algo específico,  para criar interface...
Uma DSL, Muitas PlataformasCom Visage é possível criar interfaces paradiversas plataformas. Atualmente temos:● Vaadin● And...
VisageFX      Visage no topo de JavaFXAdaptamos Visage para ocultar verbosidade do Java com uma linguagem expressiva e esp...
VisageFX
Aprendendo Mais         http://bit.ly/grupo_javafx              http://javafx.com          http://fxexperience.com        ...
Perguntas?
Obrigado!Contato:● @william_antonio● github.com/jesuino● william.a.siqueira@gmail.com
Introdução ao JavaFX
Upcoming SlideShare
Loading in...5
×

Introdução ao JavaFX

7,150

Published on

Uma apresentação que mostra a nova API gáfica da plataforma Java: JavaFX.

É mostrado código para criação de aplicações JavaFX e uma aplicação inusitada usando essa tecnologia.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,150
On Slideshare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
117
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Introdução ao JavaFX"

  1. 1. Introdução ao JavaFX 2
  2. 2. Quem é William● Formado na FATEC SJC● Trabalha na Red Hat com Suporte de ferramentas JBoss● Um dos organizadores do JUG Vale● Fã do JavaFX desde a versão 1.0● Fã de Open Source e programação● REST(JAX-RS) com RESTEasy, Portlets e Portais (JSR 168 e 286) com GateIn, Servidores de Aplicação JEE (JBoss)
  3. 3. 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
  4. 4. O que é JavaFX 2É 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
  5. 5. O que é JavaFX 2Permite Criar Aplicações Ricas de Forma Fácil Com Java
  6. 6. O que você pode fazer com JavaFX? Criar Interfaces gráficas... Fonte das imagens:: http://docs.oracle.com/javafx/
  7. 7. O que você pode fazer com JavaFX? Aplicar Efeitos... Fonte das imagens:: http://docs.oracle.com/javafx/
  8. 8. O que você pode fazer com JavaFX? Criar animações... Fonte das imagens:: http://docs.oracle.com/javafx/
  9. 9. O que você pode fazer com JavaFX? Mostrar páginas HTML... Fonte das imagens:: http://docs.oracle.com/javafx/
  10. 10. O que você pode fazer com JavaFX? Utilizar CSS para trocar a aparência da aplicação... Fonte das imagens:: http://docs.oracle.com/javafx/
  11. 11. O que você pode fazer com JavaFX? Criar Gráficos.... Fonte das imagens:: http://docs.oracle.com/javafx/
  12. 12. O que você pode fazer com JavaFX? Tocar conteúdo multimídia... Fonte das imagens:: http://docs.oracle.com/javafx/
  13. 13. Demonstração da aplicação Ensemble
  14. 14. 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
  15. 15. Ferramentas e Projetos DATAFXScalaFX
  16. 16. Um pouco de código● 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
  17. 17. Um pouco de código● Esqueleto de uma aplicação JavaFX
  18. 18. Um pouco de código
  19. 19. Demonstração da aplicação TimaoFX
  20. 20. Um pouco de código Criando o "Topo"
  21. 21. Um pouco de código Criando o "Accordion" raiz.setCenter(paineis);
  22. 22. Um pouco de código Criando o painel "Informações básicas"
  23. 23. Um pouco de código Criando o painel "Vídeos"
  24. 24. Um pouco de código Criando o painel "Hinos"
  25. 25. Um pouco de código Criando o painel "Títulos"
  26. 26. Um pouco de código Nosso "Tocador de Vídeo"
  27. 27. Um pouco de código Nosso "Tocador de Audio"
  28. 28. Um pouco de código
  29. 29. Um pouco de código Com CSS! cena.getStylesheets().add(ARQUIVO_CSS);
  30. 30. Visage● Nasceu do JavaFX Script logo após o fim do mesmo● Totalmente OpenSource● Roda sobre a Plataforma Java● Muito fácil de programar
  31. 31. Por que Visage?● Ok, Java tem várias opções, é maduro, etc, mas as vezes você quer algo específico, para criar interfaces ou você não é especialista em Java● Visage é específica(DSL - Domain Specific Language) para criação de interfaces. É fácil e tem curva de aprendizado muito pequena.● Visage é mais do JavaFX, roda no topo de Android, Vaadin e há planos para mais
  32. 32. Uma DSL, Muitas PlataformasCom Visage é possível criar interfaces paradiversas plataformas. Atualmente temos:● Vaadin● Android● JavaFX (VisageFX)A maior vantagem é aprender uma sólinguagem específica e reaproveitar oconhecimento em outras plataformas.
  33. 33. VisageFX Visage no topo de JavaFXAdaptamos Visage para ocultar verbosidade do Java com uma linguagem expressiva e específica para Interfaces com o Usuário
  34. 34. VisageFX
  35. 35. Aprendendo Mais http://bit.ly/grupo_javafx http://javafx.com http://fxexperience.com http://fxapps.blogspot.com
  36. 36. Perguntas?
  37. 37. Obrigado!Contato:● @william_antonio● github.com/jesuino● william.a.siqueira@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×