Metodologia e Linguagem de Programação

Prof.º Thyago Maia2015.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

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