metodologia e linguagem de programação - 2015.2 - aula 21
TRANSCRIPT
![Page 1: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/1.jpg)
Metodologia e Linguagem de Programação
Prof.º Thyago Maia2015.2
![Page 2: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/2.jpg)
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
![Page 3: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/3.jpg)
Exercício 1 – Criando um Projeto
![Page 4: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/4.jpg)
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
![Page 5: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/5.jpg)
Criando um Projeto
Desmarque a opção Criar Classe Principal caso ela esteja marcada;
Clique em Finalizar;
5
![Page 6: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/6.jpg)
Exercício 2 – Construindo o Front End
![Page 7: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/7.jpg)
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
![Page 8: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/8.jpg)
Construindo o Front End
Digite SomadorUI para o nome da classe;
Digite my.somador para o nome do pacote;
Clique em Finalizar;
8
![Page 9: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/9.jpg)
Construindo o Front End
A partir de agora, nosso objetivo é construir um Front End parecido com este:
9
![Page 10: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/10.jpg)
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
![Page 11: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/11.jpg)
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
![Page 12: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/12.jpg)
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
![Page 13: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/13.jpg)
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
![Page 14: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/14.jpg)
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
![Page 15: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/15.jpg)
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
![Page 16: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/16.jpg)
Exercício 3 – Adicionando Funcionalidades
![Page 17: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/17.jpg)
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
![Page 18: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/18.jpg)
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
![Page 19: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/19.jpg)
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("");
![Page 20: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/20.jpg)
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));
![Page 21: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/21.jpg)
Exercício 4 – Criando um “Executável”
![Page 22: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/22.jpg)
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
![Page 23: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/23.jpg)
Exercícios
![Page 24: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/24.jpg)
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
![Page 25: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/25.jpg)
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
![Page 26: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/26.jpg)
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
![Page 27: Metodologia e Linguagem de Programação - 2015.2 - Aula 21](https://reader035.vdocuments.pub/reader035/viewer/2022070602/587495751a28abc62f8ba925/html5/thumbnails/27.jpg)
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