SlideShare una empresa de Scribd logo
1 de 38
Descargar para leer sin conexión
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 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)
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 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
O que é JavaFX 2
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?

         Criar animações...




                        Fonte das imagens:: http://docs.oracle.com/javafx/
O que você pode fazer com JavaFX?

         Mostrar páginas HTML...




                       Fonte das imagens:: http://docs.oracle.com/javafx/
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/
O que você pode fazer com JavaFX?

           Criar Gráficos....




                        Fonte das imagens:: http://docs.oracle.com/javafx/
O que você pode fazer com JavaFX?

        Tocar conteúdo multimídia...




                         Fonte das imagens:: http://docs.oracle.com/javafx/
Demonstração da aplicação Ensemble
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
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
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ácil de programar
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
Uma DSL, Muitas Plataformas
Com Visage é possível criar interfaces para
diversas plataformas. Atualmente temos:

● Vaadin
● Android
● JavaFX (VisageFX)

A maior vantagem é aprender uma só
linguagem específica e reaproveitar o
conhecimento em outras plataformas.
VisageFX


      Visage no topo de JavaFX

Adaptamos Visage para ocultar verbosidade
 do Java com uma linguagem expressiva e
 específica para Interfaces com o Usuário
VisageFX
Aprendendo Mais




         http://bit.ly/grupo_javafx
              http://javafx.com
          http://fxexperience.com
        http://fxapps.blogspot.com
Perguntas?
Obrigado!
Contato:


● @william_antonio
● github.com/jesuino
● william.a.siqueira@gmail.com

Más contenido relacionado

La actualidad más candente

Introdução ao java fx e visage
Introdução ao java fx e visageIntrodução ao java fx e visage
Introdução ao java fx e visagejesuinoPower
 
JavaFX: A nova biblioteca gráfica da plataforma Java
JavaFX: A nova biblioteca gráfica da plataforma JavaJavaFX: A nova biblioteca gráfica da plataforma Java
JavaFX: A nova biblioteca gráfica da plataforma JavajesuinoPower
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidBruno Oliveira
 
Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Claudiney Marques
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão GeralEder Nogueira
 
Introdução ao LiveOak
Introdução ao LiveOakIntrodução ao LiveOak
Introdução ao LiveOakjesuinoPower
 
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)Aplicações desktop (GUI) e aplicações ricas para internet (RIA)
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)Raphael Marques
 
Desafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFDesafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFRafael Ponte
 
Conectando jBPM com o mundo - TDC 2014 SP
Conectando jBPM com o mundo - TDC 2014 SPConectando jBPM com o mundo - TDC 2014 SP
Conectando jBPM com o mundo - TDC 2014 SPjesuinoPower
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com JavajesuinoPower
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
Palestra Sepai Alfredofurtado Introducao Ao Javafx
Palestra Sepai Alfredofurtado Introducao Ao JavafxPalestra Sepai Alfredofurtado Introducao Ao Javafx
Palestra Sepai Alfredofurtado Introducao Ao Javafxalfredofurtado
 

La actualidad más candente (20)

Introdução ao java fx e visage
Introdução ao java fx e visageIntrodução ao java fx e visage
Introdução ao java fx e visage
 
JavaFX: A nova biblioteca gráfica da plataforma Java
JavaFX: A nova biblioteca gráfica da plataforma JavaJavaFX: A nova biblioteca gráfica da plataforma Java
JavaFX: A nova biblioteca gráfica da plataforma Java
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em Android
 
Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 
Ria e Java FX
Ria e Java FXRia e Java FX
Ria e Java FX
 
Introdução ao LiveOak
Introdução ao LiveOakIntrodução ao LiveOak
Introdução ao LiveOak
 
Javafx
JavafxJavafx
Javafx
 
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)Aplicações desktop (GUI) e aplicações ricas para internet (RIA)
Aplicações desktop (GUI) e aplicações ricas para internet (RIA)
 
Jclouds jug vale
Jclouds jug valeJclouds jug vale
Jclouds jug vale
 
Desafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFDesafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSF
 
Conectando jBPM com o mundo - TDC 2014 SP
Conectando jBPM com o mundo - TDC 2014 SPConectando jBPM com o mundo - TDC 2014 SP
Conectando jBPM com o mundo - TDC 2014 SP
 
Groovy stack
Groovy stackGroovy stack
Groovy stack
 
Jugvale
JugvaleJugvale
Jugvale
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com Java
 
JEE nas nuvens: uma introdução ao openshift
JEE nas nuvens:  uma introdução ao openshiftJEE nas nuvens:  uma introdução ao openshift
JEE nas nuvens: uma introdução ao openshift
 
Hello World JavaFX
Hello World JavaFXHello World JavaFX
Hello World JavaFX
 
Desenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVCDesenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVC
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Palestra Sepai Alfredofurtado Introducao Ao Javafx
Palestra Sepai Alfredofurtado Introducao Ao JavafxPalestra Sepai Alfredofurtado Introducao Ao Javafx
Palestra Sepai Alfredofurtado Introducao Ao Javafx
 

Similar a Introdução ao JavaFX

Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitFlávio Lisboa
 
JavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeJavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeRafael Ponte
 
Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!Aécio Costa
 
Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01Antonio Alves
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos JavaMarcio Marinho
 
Java não é tão difícil quanto parece
Java não é tão difícil quanto pareceJava não é tão difícil quanto parece
Java não é tão difícil quanto parecejesuinoPower
 
Java fx para o mercado embedded com raspberry pi
Java fx para o mercado embedded com raspberry piJava fx para o mercado embedded com raspberry pi
Java fx para o mercado embedded com raspberry piClaudiney Marques
 
Jugday - Java Básico
Jugday - Java BásicoJugday - Java Básico
Jugday - Java BásicoPaloma Costa
 
Apresentação java
Apresentação javaApresentação java
Apresentação javamunosai
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Aula 01 O que é java
Aula 01   O que é javaAula 01   O que é java
Aula 01 O que é javaSergio Silva
 
Introdução a Tecnologia Java
Introdução a Tecnologia JavaIntrodução a Tecnologia Java
Introdução a Tecnologia JavaThiago Gonzaga
 
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorPlay Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorAllyson Barros
 

Similar a Introdução ao JavaFX (20)

[OFICINA JAVA] - Conhecendo Java
[OFICINA JAVA] - Conhecendo Java[OFICINA JAVA] - Conhecendo Java
[OFICINA JAVA] - Conhecendo Java
 
JavaFx - Introdução
JavaFx - IntroduçãoJavaFx - Introdução
JavaFx - Introdução
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
JavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeJavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividade
 
Tutorial Java EE
Tutorial Java EETutorial Java EE
Tutorial Java EE
 
Java
JavaJava
Java
 
Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!
 
Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01Curso de Java - Antonio Alves - Aula 01
Curso de Java - Antonio Alves - Aula 01
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos Java
 
POO - Aula 1 introducao
POO - Aula 1   introducaoPOO - Aula 1   introducao
POO - Aula 1 introducao
 
Java não é tão difícil quanto parece
Java não é tão difícil quanto pareceJava não é tão difícil quanto parece
Java não é tão difícil quanto parece
 
Java fx para o mercado embedded com raspberry pi
Java fx para o mercado embedded com raspberry piJava fx para o mercado embedded com raspberry pi
Java fx para o mercado embedded com raspberry pi
 
Jugday - Java Básico
Jugday - Java BásicoJugday - Java Básico
Jugday - Java Básico
 
Java Seminar
Java SeminarJava Seminar
Java Seminar
 
Apresentação java
Apresentação javaApresentação java
Apresentação java
 
Java Web Fácil com VRaptor
Java Web Fácil com VRaptorJava Web Fácil com VRaptor
Java Web Fácil com VRaptor
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Aula 01 O que é java
Aula 01   O que é javaAula 01   O que é java
Aula 01 O que é java
 
Introdução a Tecnologia Java
Introdução a Tecnologia JavaIntrodução a Tecnologia Java
Introdução a Tecnologia Java
 
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorPlay Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
 

Introdução ao JavaFX

  • 1. Introdução ao JavaFX 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. 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. 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. O que é JavaFX 2 Permite Criar Aplicações Ricas de Forma Fácil Com Java
  • 6. O que você pode fazer com JavaFX? Criar Interfaces gráficas... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 7. O que você pode fazer com JavaFX? Aplicar Efeitos... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 8. O que você pode fazer com JavaFX? Criar animações... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 9. O que você pode fazer com JavaFX? Mostrar páginas HTML... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 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. O que você pode fazer com JavaFX? Criar Gráficos.... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 12. O que você pode fazer com JavaFX? Tocar conteúdo multimídia... Fonte das imagens:: http://docs.oracle.com/javafx/
  • 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. Ferramentas e Projetos DATAFX ScalaFX
  • 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. Um pouco de código ● Esqueleto de uma aplicação JavaFX
  • 18. Um pouco de código
  • 20. Um pouco de código Criando o "Topo"
  • 21. Um pouco de código Criando o "Accordion" raiz.setCenter(paineis);
  • 22. Um pouco de código Criando o painel "Informações básicas"
  • 23. Um pouco de código Criando o painel "Vídeos"
  • 24. Um pouco de código Criando o painel "Hinos"
  • 25. Um pouco de código Criando o painel "Títulos"
  • 26. Um pouco de código Nosso "Tocador de Vídeo"
  • 27. Um pouco de código Nosso "Tocador de Audio"
  • 28. Um pouco de código
  • 29. Um pouco de código Com CSS! cena.getStylesheets().add(ARQUIVO_CSS);
  • 30.
  • 31. Visage ● Nasceu do JavaFX Script logo após o fim do mesmo ● Totalmente OpenSource ● Roda sobre a Plataforma Java ● Muito fácil de programar
  • 32. 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
  • 33. Uma DSL, Muitas Plataformas Com Visage é possível criar interfaces para diversas plataformas. Atualmente temos: ● Vaadin ● Android ● JavaFX (VisageFX) A maior vantagem é aprender uma só linguagem específica e reaproveitar o conhecimento em outras plataformas.
  • 34. VisageFX Visage no topo de JavaFX Adaptamos Visage para ocultar verbosidade do Java com uma linguagem expressiva e específica para Interfaces com o Usuário
  • 36. Aprendendo Mais http://bit.ly/grupo_javafx http://javafx.com http://fxexperience.com http://fxapps.blogspot.com