3. Instalando o plugin para NetBeans

4. Primeira aplicação JavaFX

5. Próximos Passos

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;

14. Sintaxe simplificada;

15. É diferente do Java tradicional;

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

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

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

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

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

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.

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).

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

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

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.

62. import javafx.scene.transform.Scale; Ou digite Ctrl-shift-I.

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

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 ;

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

74. O código fará com que a cor do texto altere de amarelo para verde durante a execução;

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.

80. A primeira aplicação JavaFX está concluída!

82. Downloads;

83. Documentação;

84. Exemplos;

85. Tutoriais completos;

87. https://openjfx.dev.java.net Próximos Passos Get Involved

90. Sun Certified Web Component Developer for Java EE

91. Sun Certified Mobile Application Developer for Java ME

93. Obrigado! [email_address] [email_address] Criando sua primeira aplicação JavaFX