Metodologia e Linguagem de
Programação
Prof.º Thyago Maia
2015.2
Objetivos
Aula 21
• Introduzir a criação de GUI em Java a
partir do NetBeans;
2
OBS.: Este material é uma adaptação do tut...
Exercício 1 – Criando um
Projeto
Criando um Projeto
 No NetBeans, clique em Arquivo -> Novo
Projeto;
 No painel de categorias, selecione a opção
Java;
 ...
Criando um Projeto
 Desmarque a opção Criar Classe Principal
caso ela esteja marcada;
 Clique em Finalizar;
5
Exercício 2 – Construindo o
Front End
Construindo o Front End
 No painel Projetos, clique com o botão direito
sobre o projeto somador e clique em Novo >>
Outro...
Construindo o Front End
 Digite SomadorUI para o nome da classe;
 Digite my.somador para o nome do pacote;
 Clique em F...
Construindo o Front End
 A partir de agora, nosso objetivo é construir
um Front End parecido com este:
9
Construindo o Front End
 No painel Paleta, clique, segure e arraste um
Panel até o JFrame criado anteriormente;
 Mantend...
Construindo o Front End
 Da mesma forma que foi adicionado o Panel,
adicione três Labels, três campos de texto e
três bot...
Construindo o Front End
 Clique duas vezes no componente jLabel1 e
mude o rótulo para “Primeiro Número:”;
 Clique duas v...
Construindo o Front End
 Selecione o campo jTextField1 e, no painel
Propriedades, apague o texto no campo text
(isso irá ...
Construindo o Front End
 Clique com o botão direito sobre o botão
superior esquerdo e clique em Editar Texto;
 Mude o ró...
Construindo o Front End
 Clique no botão de Play localizado na barra de
ferramentas do NetBeans e veja sua aplicação
até ...
Exercício 3 – Adicionando
Funcionalidades
Adicionando Funcionalidades
 Clique duas vezes sobre o botão Sair (será
criado automaticamente o método
ActionPerformed p...
Adicionando Funcionalidades
 Retorne para a tela de edição de GUI
(clicando em Projeto na parte superior do
editor);
 Cl...
Adicionando Funcionalidades
 Retorne para a tela de edição de GUI e clique
duas vezes no botão Somar;
 No método ActionP...
Adicionando Funcionalidades
 Clique em Play e veja sua aplicação em ação!
20
double num1, num2, resultado;
num1 = Double....
Exercício 4 – Criando um
“Executável”
Criando um “Executável”
 Na barra de ferramentas do NetBeans, clique
na opção de menu Executar >> Limpar e
Construir Proj...
Exercícios
Exercício 1
 Customize o projeto criado anteriormente,
permitindo ao usuário calcular mais
operações matemáticas;
 Na di...
Exercício 2
 Baseado nas atividades anteriores, faça um
programa que permita ao usuário saber se
vale mais a pena abastec...
Exercício 3
 Baseado nas atividades anteriores, faça um
programa que permita ao usuário converter
um valor em Real para D...
Exercício 4
• Faça um programa que receba o ano de
nascimento de uma pessoa e o ano atual,
calcule e mostre:
– A idade des...
Próximos SlideShares
Carregando em…5
×

Metodologia e Linguagem de Programação - 2015.2 - Aula 21

519 visualizações

Publicada em

Metodologia e Linguagem de Programação - 2015.2 - Aula 21

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
519
No SlideShare
0
A partir de incorporações
0
Número de incorporações
11
Ações
Compartilhamentos
0
Downloads
8
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Metodologia e Linguagem de Programação - 2015.2 - Aula 21

  1. 1. Metodologia e Linguagem de Programação Prof.º Thyago Maia 2015.2
  2. 2. Objetivos Aula 21 • Introduzir a criação de GUI em Java a partir do NetBeans; 2 OBS.: Este material é uma adaptação do tutorial “Introduction to GUI Building”, produzido por Saleem Gul e Tomas Pavek, disponível em https://netbeans.org/kb/docs/java/gui-functionality.html
  3. 3. Exercício 1 – Criando um Projeto
  4. 4. Criando um Projeto  No NetBeans, clique em Arquivo -> Novo Projeto;  No painel de categorias, selecione a opção Java;  Digite somador para o nome do projeto e especifique onde o projeto será salvo; 4
  5. 5. Criando um Projeto  Desmarque a opção Criar Classe Principal caso ela esteja marcada;  Clique em Finalizar; 5
  6. 6. Exercício 2 – Construindo o Front End
  7. 7. Construindo o Front End  No painel Projetos, clique com o botão direito sobre o projeto somador e clique em Novo >> Outros;  No painel Categorias, clique em Forms GUI Swing e, no painel Tipos de Arquivos, clique em Form JFrame;  Clique em Próximo; 7
  8. 8. Construindo o Front End  Digite SomadorUI para o nome da classe;  Digite my.somador para o nome do pacote;  Clique em Finalizar; 8
  9. 9. Construindo o Front End  A partir de agora, nosso objetivo é construir um Front End parecido com este: 9
  10. 10. Construindo o Front End  No painel Paleta, clique, segure e arraste um Panel até o JFrame criado anteriormente;  Mantendo o Panel selecionado, no painel Propriedades, clique no botão localizado ao lado da opção border;  Na janela de diálogo, clique na opção Borda com Título; 10
  11. 11. Construindo o Front End  Da mesma forma que foi adicionado o Panel, adicione três Labels, três campos de texto e três botões: 11
  12. 12. Construindo o Front End  Clique duas vezes no componente jLabel1 e mude o rótulo para “Primeiro Número:”;  Clique duas vezes no componente jLabel2 e mude o rótulo para “Segundo Número:”;  Clique duas vezes no componente jLabel3 e mude o rótulo para “Resultado:”; 12
  13. 13. Construindo o Front End  Selecione o campo jTextField1 e, no painel Propriedades, apague o texto no campo text (isso irá tirar o texto padrão do campo);  Redimensione o campo para que se ajuste melhor ao Front End;  Faça o mesmo para os campos jTextField2 e jTextField3; 13
  14. 14. Construindo o Front End  Clique com o botão direito sobre o botão superior esquerdo e clique em Editar Texto;  Mude o rótulo do botão para Somar;  Faça o mesmo com os outros botões, inserindo os rótulos Limpar e Sair; 14
  15. 15. Construindo o Front End  Clique no botão de Play localizado na barra de ferramentas do NetBeans e veja sua aplicação até o momento; 15
  16. 16. Exercício 3 – Adicionando Funcionalidades
  17. 17. Adicionando Funcionalidades  Clique duas vezes sobre o botão Sair (será criado automaticamente o método ActionPerformed para este botão);  No método gerado, poderemos codificar o que será executado quando o botão for clicado;  Digite System.exit(0); neste método; 17
  18. 18. Adicionando Funcionalidades  Retorne para a tela de edição de GUI (clicando em Projeto na parte superior do editor);  Clique duas vezes sobre o botão Limpar;  No método ActionPerformed criado para este botão, iremos inserir o seguinte trecho de código: 18
  19. 19. Adicionando Funcionalidades  Retorne para a tela de edição de GUI e clique duas vezes no botão Somar;  No método ActionPerformed criado para este botão, iremos inserir o seguinte trecho de código: 19 jTextField1.setText(""); jTextField2.setText(""); jTextField3.setText("");
  20. 20. Adicionando Funcionalidades  Clique em Play e veja sua aplicação em ação! 20 double num1, num2, resultado; num1 = Double.parseDouble(jTextField1.getText()); num2 = Double.parseDouble(jTextField1.getText()); resultado = num1 + num2; jTextField3.setText(String.valueOf(resultado));
  21. 21. Exercício 4 – Criando um “Executável”
  22. 22. Criando um “Executável”  Na barra de ferramentas do NetBeans, clique na opção de menu Executar >> Limpar e Construir Projeto;  Um arquivo .jar será criado na pasta dist, localizada na pasta do projeto, criada no início da atividade; 22
  23. 23. Exercícios
  24. 24. Exercício 1  Customize o projeto criado anteriormente, permitindo ao usuário calcular mais operações matemáticas;  Na divisão, antes do cálculo, cheque se o denominador é diferente de zero;  Altere rótulos do JFrame e do JPanel, deixando claro que sua aplicação calcula mais operações além da soma; 24
  25. 25. Exercício 2  Baseado nas atividades anteriores, faça um programa que permita ao usuário saber se vale mais a pena abastecer com Gasolina ou Etanol;  Pesquise como o cálculo é feito;  Crie um executável e distribua sua aplicação (Neste momento de crise, muita gente vai agradecer!); 25
  26. 26. Exercício 3  Baseado nas atividades anteriores, faça um programa que permita ao usuário converter um valor em Real para Dólar, e vice-versa;  Considere a cotação atual do dólar;  Crie um executável e distribua sua aplicação (Neste momento de crise, muita gente vai agradecer!); 26
  27. 27. Exercício 4 • Faça um programa que receba o ano de nascimento de uma pessoa e o ano atual, calcule e mostre: – A idade desta pessoa; – Quantos anos ela terá em 2025; 27

×