Upload
thyago-maia
View
100
Download
1
Embed Size (px)
Citation preview
Metodologia e Linguagem de Programação
Prof.º Thyago Maia
Objetivos• 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
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;
Digite somador para o nome do projeto e especifique onde o projeto será salvo;
4
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 >> Outros;
No painel Categorias, clique em Forms GUI Swing e, no painel Tipos de Arquivos, clique em Form JFrame;
Clique em Próximo;7
Construindo o Front End
Digite SomadorUI para o nome da classe;
Digite my.somador para o nome do pacote;
Clique em Finalizar;
8
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;
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
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
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
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
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
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
Exercício 3 – Adicionando Funcionalidades
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
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
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("");
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));
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 Projeto;
Um arquivo .jar será criado na pasta dist, localizada na pasta do projeto, criada no início da atividade;
22
Exercícios
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
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
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
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