Este documento apresenta uma introdução ao JavaFX, incluindo seus objetivos, componentes de interface gráfica e alternativas para GUI em Java. Ele também discute as vantagens do JavaFX sobre outras tecnologias, como Swing, e fornece instruções passo a passo para criar uma interface simples no JavaFX usando campos de texto, botões e posicionamento de componentes.

1. JavaFX
Prof. Luis Gustavo Araujo
2018
Aulas nº 01: Introdução

2. Objetivo
Compreender o contexto e uso da tecnologia
JavaFX, bem como a sua instalação.

3. Interface Gráfica
É um conjunto de componente gráficos
que oferece ao usuário maior
interatividade com os programas de
computador. Dentre os componente,
destacam-se: imagens, listas, botões,
labels e outros.

4. Interface Gráfica no Java
Em Java, ao longo dos anos,
surgiram diversas alternativas para
GUI: AWT (Abstract Window Toolkit) ,
JFC/Swing (Java Foundation Classes)
e JavaFX.

5. JavaFX
Tudo começou [...] com um projeto
inicial de um desenvolvedor chamado
Chris Oliver, coma intenção de criar
uma linguagem cujos recursos seriam
extremamente avançados em
interface gráfica e, ao mesmo tempo,
fáceis de implementar.
“
Bruno
Oliveira
CJavaFx: interfaces como qualidade para
aplicaçãoes desktop

6. JavaFX
Ele utiliza o conceito RIA (Rich Internet
Application), tornando aplicações
Desktop com qualidade gráfica
altíssima e conceitos de programação
eficazes, o que o fez ser uma saída
para as aplicações Swing, do Java,
cujo gráfico deixava a desejar.
“
Bruno
Oliveira
JavaFx: interfaces como qualidade para
aplicaçãoes desktop

7. 20 Razões porque você deveria
mudar para JavaFX
font: http://www.informit.com/articles/article.aspx?p=2273822
• JavaFX pertence ao JDK (Java 11+ não possui JavaFX)
• O JavaFX é baseado em um modelo de gráfico de cena
que é superior aos modelos usados pelo Java 2D e Swing.
• JavaFX tem uma boa performace.
• Você não precisa abandonar os seus códigos em Swing.
• JavaFX pode ser estilizado com CSS.
• Cenas em JavaFX podem ser definidas como FXML.

8. 20 Razões porque você deveria
mudar para JavaFX
font: http://www.informit.com/articles/article.aspx?p=2273822
• JavaFX Builder é uma ótima ferramenta para criar
interfaces em JavaFX.
• JavaFX tem gráficos.
• JavaFX inclui objetos 3D.

9. Iniciando com o JavaFX
Vamos criar uma simples tela de entrada de dados
pelo usuário, como esta:

10. Criando um projeto o JavaFX
Vá em File -> New -> Java Project.
Slide
10

11. Criando um projeto o JavaFX
Dê um nome ao seu projeto e clique em Next.

12. Criando um projeto o JavaFX
Na próxima tela, é preciso escolher a biblioteca. Vá
em Libraries -> Add Library e escolha JavaFX SDK

13. JavaFX não está na lista de
bibliotecas!
Vá em Help -> Install New Software

14. Tudo ok!
Se o JavaFX está pronto para
ser usado, pule para o slide
28.

15. Opaaa!
JavaFX não está na lista de
bibliotecas!

16. Opaaa!
Há duas formas de resolver, uma
é baixando o JavaFX através do
módulo de instalação do Eclipse,
outra é usando o jar.

17. Baixando o JavaFX
Clique em Add

18. Baixando o JavaFX
Coloque as seguintes credenciais:
Name: e(fx)clipse
Location:http://download.eclipse.org/efxclipse/update
s-released/3.0.0/site

19. Baixando o JavaFX
Selecione todos os componentes e clique em Next

20. Baixando o JavaFX
Ao final, clique em Next

21. Baixando o JavaFX
Aceite os termos e clique em Finish.

22. JavaFX pronto para ser usado!
Volte ao slide 10 e iniciei o seu
projeto

23. Adicionando o jar do JavaFX
Em Librareis clique em Add Library -> User Library

24. Adicionando o jar do JavaFX
E Clique em User Libraries -> New e coloque o

25. Adicionando o jar do JavaFX
Nomei a nova biblioteca de JavaFx e clique em OK

26. Adicionando o jar do JavaFX
Agora clique em Add External JARs e selecione o
seu jar (fxrt.jar).

27. JavaFX pronto para ser usado!
Volte ao slide 10 e iniciei o seu
projeto

28. Criando uma interface
Vamos ciar uma classe chamada Formulario01. Ela
estende de Application (do javafx).
Vamos sobrescrever o método start(Stage stage)
Slide
28

29. Criando uma interface

30. Criando um painel
Vamos ciar um Anchor Panel, pela sua liberdade de
localização dos componentes. Depois definimos o
tamanho como setPrefSize.

31. Criando um painel

32. Criando uma cena
Vamos criar uma Cena para adicionar o nosso
painel. Para isso, usamos a classe Scene e o
atributo stage (vindo como parâmetro) que é a tela
propriamente dita.

33. Criando uma cena

34. Criando o método main
Vamos ciar um método main.

35. Criando o método main

36. Rodando nosso código

37. Criando um campo de texto
Vamos ciar um campo de texto usando classe
TextField. E getChilren().add() para adicioná-lo ao
painel.

38. Criando um campo de texto
Vamos executar!

39. Criando um campo de texto
Vamos criar outro campo de texto e usar o método
setPromptText para colocar um texto guia para o
usuário.

40. Posicionando os componentes
Como pode ser observado, os componentes ficam
desorganizados, então temos que usar o setLayoutX
e setLayoutY

41. Posicionando no centro
Fazemos uma simples conta, a largura do painel
subtraido pela largura do componente, dividido por
2.

42. Posicionando no centro

43. Criando botões
Vamos criar um botão chamado Entrar. Para isso
usamos a classe Button.

44. Tela com botão

45. Evitando que a senha apareça
Como temos um componente para o tipo senha,
podemos usar o PasswordField ao invés de
TextField.

46. Adicionando Título
Podemos adicionar títulos à nossa tela. Para isso
usamos o método setTitle do stage.

47. Nossa Primeira Tela em JavaFX

48. Definindo e Obtendo valor do
TextField
Para Obter ou Definir o valor do TextFiel é bem
simples, basta usar getText() ou setText().

49. Definindo valor do TextField
Para definir o valor do TextFiel, basta usar o
setText().

50. Programação Orientada
a Objetos
Prof. Luis Gustavo Araujo
2018
Aulas nº X: Herança