Your SlideShare is downloading. ×
0
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Java Fx Guia De IntroduçãO
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Java Fx Guia De IntroduçãO

3,337

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,337
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
129
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Criando sua primeira aplicação JavaFX
        Daniel Campos
      Sun Campus Ambassador [email_address] [email_address]
    • 2. Agenda
      • O que é JavaFX?
      • 3. Instalando o plugin para NetBeans
      • 4. Primeira aplicação JavaFX
      • 5. Próximos Passos
    • 6. O que é JavaFX?
      • É uma nova família de produtos baseada na tecnologia Java;
      • 7. Apresentado pela Sun em Maio/2008;
      • 8. Versão 1.0 lançada em dezembro/2008;
      • 9. Desenvolvido para implementação de RIA - Rich Internet Applications, ou seja, aplicações ricas para internet;
      • 10. Concorrentes: Adobe Flex e MS Silverlight;
      • 11. Dois produtos foram anunciados: JavaFX Mobile e JavaFX script;
    • 12. O que é JavaFX? JavaFX Mobile e JavaFX Script
      • JavaFX Mobile:
        • Sistema de software completo para dispositivos móveis;
        • 13. disponível para operadoras, fabricantes de telefones e outras empresas;
      • JavaFX Script:
        • Linguagem de script orientada a objeto;
        • 14. Sintaxe simplificada;
        • 15. É diferente do Java tradicional;
    • 16. O que é JavaFX? JavaFX Mobile e JavaFX Script
        • Possui plugins para NetBeans e eclipse;
        • 17. Desenvolvimento para diversos dispositivos como: set-top boxe, dispoitivos móveis, desktop e até mesmo discos Blu-ray;
    • 18. O que é JavaFX? Comparação Java x JavaFX
    • 19. Instalando plugin no NetBeans
    • 20. Plugin JavaFX no NetBeans Instalação
      • Inicialize o NetBeans 6.5;
      • 21. Selecione o menu Tools > Plugins;
      • 22. Na janela Plugins, na aba Settings ative todas as caixas de seleção, como mostrado na figura seguinte:
    • 23. Plugin JavaFX no NetBeans Instalação
    • 24. Plugin JavaFX no NetBeans Instalação
        • Selecione a aba Available Plugins;
        • 25. Digite JavaFx no campo Search;
        • 26. O NetBeans listará todos os plugins disponíveis;
        • 27. Marque todas as opções;
        • 28. Clique em Install;
        • 29. A sua tela deve estar parecida com a figura seguinte:
    • 30. Plugin JavaFX no NetBeans Instalação
    • 31. Plugin JavaFX no NetBeans Instalação
        • O guia de instalação do NetBeans aparecerá, clique em next e aceite os termos apresentados;
        • 32. Após a instalação o NetBeans deve ser reinicializado;
        • 33. Pronto! Podemos partir para a nossa primeira aplicação JavaFX;
    • 34. Primeira aplicação JavaFX
    • 35. Primeira aplicação JavaFX Neste exemplo, iremos criar uma simples esfera que altera a cor de seu texto enquanto realiza um evento em um certo período de tempo, como mostrado na figura abaixo: Esfera JavaFX
    • 36. Primeira aplicação JavaFX Esfera JavaFX
        • No NetBeans, selecione File > New Project (Ctrl + Shift + N);
        • 37. Na janela New Project, selecione a pasta JavaFX > JavaFX Script Application;
        • 38. Escolha o nome e a localização do projeto e clique em Finish;
        • 39. A janela deve estar parecida com a figura seguinte:
    • 40. Primeira aplicação JavaFX Esfera JavaFX
    • 41. Primeira aplicação JavaFX Esfera JavaFX
        • O projeto está aberto no NetBeans;
        • 42. O arquivo Main.fx deve estar aberto em Source Editor;
        • 43. Note que um bloco de código já vem por default no arquivo Main.fx. Este código inclui várias declarações importantes do JavaFX;
        • 44. A figura a seguir mostra o arquivo Main.fx aberto no NetBeans;
    • 45. Primeira aplicação JavaFX Esfera JavaFX
    • 46. Primeira aplicação JavaFX Esfera JavaFX Objeto Descrição Stage Define algumas características da aplicação como: title, width e height. Scene Componente visual da aplicação. Text Define o elemento gráfico que exibe o texto. Font Define o tipo de fonte utilizado para apresentar o texto.
    • 47. Primeira aplicação JavaFX Esfera JavaFX
        • Agora vamos modificar o código do objeto Stage , para definirmos o título, a largura e a altura. Também vamos definir a fonte e mostrar um texto através do objeto Scene .
    • 48. Primeira aplicação JavaFX Esfera JavaFX
        • O NetBeans acusará um erro pois é necessário importar a classe TextAligment usada para alinhar a aplicação no centro.
        • 49. Para importar a classe TextAligment digite: import javafx.scene.text.TextAligment ; Ou clique com o botão direito em qualquer área do arquivo e selecione a opção Fix imports (Ctrl-Shift-I).
    • 50. Primeira aplicação JavaFX Esfera JavaFX
        • Para inserirmos um círculo, temos que expandir a seção Basic Shapes na janela Pellete e arrastarmos a opção Circle até a linha acima do bloco de código Text .
        • 51. A figura a seguir mostra o local exato de soltar o código para gerar um círculo.
    • 52. Primeira aplicação JavaFX Esfera JavaFX
    • 53. Primeira aplicação JavaFX Esfera JavaFX
        • Modifique o valor das variáveis do círculo para obter o tamanho certo para caber o texto.
        • 54. Adicione o RadialGradient ao código do círculo para dar a torná-lo parecido com uma esfera.
        • 55. O RadialGradient irá definir a cor da esfera, o raio, a sombra, dando a impressão de um objeto 3D.
    • 56. Primeira aplicação JavaFX Apenas modifique o código em negrito . Para retirar as mensagens de erro, clique com o botão direito e selecione Fix imports (Ctrl-shift-I). Esfera JavaFX
    • 57. Primeira aplicação JavaFX Esfera JavaFX
        • Para visualizar a aplicação, clique no ícone Enable Preview.
    • 58. Primeira aplicação JavaFX Esfera JavaFX
        • No código a seguir, iremos alterar a cor do texto para amarelo e adicionar um efeito de sombra.
        • 59. Adicione as variáveis color e scale, essas variáveis serão utilizadas na animação que iremos criar nos próximos passos.
      Modifique apenas o código em negrito.
    • 60. Primeira aplicação JavaFX Esfera JavaFX
        • Modifique o objeto Text , adicionando e definindo o valor das variáveis de instância fill , effect e transforms. Esse código irá modificar a cor texto, adicionar sombra ao texto e configurar as propriedades de escala.
    • 61. Primeira aplicação JavaFX Esfera JavaFX
        • Para corrigir os erros, será necessário importar duas classes. import javafx.scene.effect.DropShadow;
        • 62. import javafx.scene.transform.Scale; Ou digite Ctrl-shift-I.
    • 63. Primeira aplicação JavaFX Esfera JavaFX
        • Clique no botão Enable Preview (Alt-shift-P) para visualizar as modificações do texto.
    • 64. Primeira aplicação JavaFX Esfera JavaFX
        • Adicione uma animação para fazer o texto mudar de amarelo para verde enquanto gira.
        • 65. Expanda a seção Animation da janela Palette e arraste o componente Timeline para a linha acima do bloco de código do objeto Stage , como mostrado na figura seguinte .
    • 66. Primeira aplicação JavaFX Esfera JavaFX
    • 67. Primeira aplicação JavaFX Esfera JavaFX
        • A animação ocorre ao longo de uma linha do tempo, representada pelo objeto javafx.animation.Timeline ;
        • 68. Cada Timeline contém um ou mais KeyFrames , representados pelos objetos javafx.animation.KeyFrame ;
        • 69. Mude o valor da variável time , que está dentro do bloco de código do KeyFrame , para 5s ;
    • 70. Primeira aplicação JavaFX Esfera JavaFX
        • Arraste o componente Values da seção Animation , para dentro do bloco de código do KeyFrame logo após a variável canSkip ;
        • 71. Values define as variáveis alvo e os valores pretendidos para serem definidos durante o tempo especificado no KeyFrame ;
    • 72. Primeira aplicação JavaFX Esfera JavaFX
    • 73. Primeira aplicação JavaFX Esfera JavaFX
        • O código a seguir define os valores que serão alterados durante a animação;
        • 74. O código fará com que a cor do texto altere de amarelo para verde durante a execução;
    • 75. Primeira aplicação JavaFX Esfera JavaFX
        • Finalmente, adicione o método play() ao final do bloco de código do Timeline;
        • 76. O método play() inicializa o Timeline e realiza a ações definidas;
        • 77. O bloco de código Timeline deve estar igual a figura a seguir;
    • 78. Primeira aplicação JavaFX Esfera JavaFX Ao clicar no ícone Enable Preview, você verá o texto da esfera girar enquanto muda a cor de amarelo para verde.
    • 79. Primeira aplicação JavaFX Esfera JavaFX
        • Para executar a aplicação, clique com o botão direito em cima do nome do projeto e selecione Run Project ou digite a tecla F6.
        • 80. A primeira aplicação JavaFX está concluída!
    • 81.
        • http://javafx.com
        • 87. https://openjfx.dev.java.net
      Próximos Passos Get Involved
    • 88.
      • Treinamento via WEB grátis Java TM , Solaris TM & outros!!
        • Visit: http://osum.sun.com
        • 89. Acesse o grupo UNI-BH e conheça o SAI – Sun Academic Initiative.
      • Certificações Sun!
        • Sun Certified Associate/Programmer for the Java 2 Platform SE
        • 90. Sun Certified Web Component Developer for Java EE
        • 91. Sun Certified Mobile Application Developer for Java ME
        • 92. Sun Certified System/Network Admin for Solaris Operating System
      • Simuladores de exames grátis
      Próximos Passos Acelere sua carreira com a Sun
    • 93. Obrigado! [email_address] [email_address] Criando sua primeira aplicação JavaFX

    ×