Java - Programação Visual usando o NetBeans"

Objetivo: aprender a desenvolver aplicações com componentes prontos através de

programação visual no ambiente NetBeans 8.0 ou superior.

Aula 1 - Conhecendo a IDE

Depois de instalado, execute o NetBeans clicando no ícone na área de trabalho ou clicando no
menu iniciar Programas > NetBeans > NetBeans

O mesmo deverá exibir uma tela como a mostrada a seguir ou algo parecido, isto vai depender
do tipo da instalação/ SO/ Número de vezes que o mesmo já tenha sido executado:

Criando um projeto com um JFrame:

Passos:

1º - Clique no menu Arquivo, Novo Projeto (Ctrl+Shift+N) será exibida uma tela como esta:
2º - Selecione a categoria “Java” e em Projetos, escolha “Aplicação Java”. Clique em
Próximo

3º- Dê um nome ao seu projeto e confirme o local da gravação do projeto. Clique em

Finalizar
 Desabilitar essa opção

4º- A seguir, vamos construir nossa classe dentro do Projeto_Apresentar:

5º- Selecione o Projeto_Apresentar, no quadro da esquerda e clique em seguir no menu

Arquivo – Novo Arquivo:
 6º- Na sessão Categorias, selecione a opção de Formulário de Interface Gráfica com o
usuário (Forms GUI Swing) e em Tipos de Arquivo, selecione Form JFrame. A partir daqui
optamos por utilizar os pacotes Swing e AWT. Clique em Próximo.

7º- Dê um nome para a sua classe, neste exemplo foi nomeado como Tela e certifique-se
de que está sendo gravado dentro do projeto Projeto_Apresentar. Clique em Finalizar.

Veja abaixo como ficará a sua tela e as principais características da mesma:

1 - Código-Fonte – Página que contém todas as linhas de código.

2 - Projeto – Página que mostra o JFrame e os componentes nele inseridos.

3 - Histórico – Mostra a lista de tarefas realizada na construção do formulário.

4 – Modo de Seleção – Modo de seleção de ferramentas

5 – Modo de Conexão – Abre a caixa de autoajuda para a construção de eventos.

6 – Visualização de Design – Mostra a tela como ficará depois de compilada

7 – Ferramentas de alinhamento – Alinha os componentes à coluna da esquerda, coluna

a direita, direção da linha acima, direção da linha abaixo

8 - Marcadores Horizontal e Vertical – Inseri e retira as marcações horizontais entre

componentes

9 - Paleta – Caixa com as ferramentas de construção de tela.

10 - Propriedades – Aba que contém todas as propriedades do componente selecionado

11- Arquivos – Aba que contém todos os arquivos e classes do projeto

12 - Projetos – Abra que contém todos os projetos criados na pasta workspaces.

Aula 2 - Aplicações Gráficas com Swing:
O pacote Swing é uma nova família de componentes com funcionalidade ampliada e grande
capacidade de figuração. O seu propósito é permitir a criação de interfaces versáteis e
sofisticadas. Surgiu em 1997 com a JFC (Java Foundation Classes), com o Java 2, que engloba:

. Componentes Swing;
. Compatibilidade com múltiplas ´Look and Feel` - peles;
. Biblioteca de acessibilidade monitores e teclados especiais;
. Biblioteca Java 2D;
. Compatibilidade com `Drag and Drop`.

No canto superior direito da janela, ao lado da janela Propriedades, encontramos uma guia
chamada Paleta. Dentro dela, encontramos vários componentes do pacote Swing e AWT. Para
quem já trabalhou com alguma linguagem visual, como o Delphi, Visual Basic, estará bastante
familiarizado com componentes, suas propriedades e seus eventos. Para aquele que ainda não
conhece, veja como é simples e prático!

Os seus componentes do pacote Swing são semelhantes ao da AWT (Abstract WindowToolkit),

pois o modelo de eventos é o mesmo. Diferenças: Componentes Swing são mais flexíveis e mais
numerosos não utilizam código nativo e seus nomes iniciam com um J.

Principais Componentes e seus Eventos:

Conhecendo alguns componentes gráficos do pacote

Swing:
a) Label: rótulo de texto.

Métodos específicos:

String getText() > retorna o texto do label

void setText(String lbl) > ajusta o texto do label para lbl

Passe o mouse pelos componentes da Aba Swing e observe que os mesmos são selecionados.
Clique no correspondente ao JLabel e clique no Formulário:

Na Janela Propriedades, clique em Text e insira o texto que deseja que apareça no JLabel:

b) Botão: é um botão simples que pode ser criado com ou sem rótulo.

Métodos específicos:
String getText() > retorna o label(etiqueta) do botão
void setText(String etiq) > ajusta label do botão para o conteúdo de etiqueta

c) Campo de Texto e Área de Texto:

Campo de Texto: caixa de entrada de texto que possibilita a entrada e a edição de uma linha de
texto.
Área de Texto: caixa de entrada de texto com múltiplas linhas. Exibe barra de rolagem horizontal
e vertical.

Principais Métodos:

String getText() > retorna o texto contido no TextField

void setText(String txt) > ajusta o texto da TextField para txt

d) Listar e Caixa de Combinação:

Listar: caixa de lista que permite a exibição de uma lista de itens que não podem ser editados
diretamente pelo usuário.

Caixa de Combinação: implementa uma lista de itens em que um único item selecionado é
exibido.

Principais Métodos:

int getSelectedIndex(); > retorna índice do item selecionado

String getSelectedItem(); > retorna o nome do item selecionado
void select(String str); > ajusta o item selecionado para st

Métodos Comuns a Todos os Componentes:

void resize(int width, int height) > Tamanho do componente

void move(int x, int y) > Mover componente

void setForeground(Color x) > Cor do componente

void setBackground(Color y) > Cor de Fundo do componente

void disable() > Desabilitando componente

void enable() > Habilitando componente

Insira outros componentes e mude suas propriedades realizando experiências, compilando e

executando, para visualizar os resultados.

Compile e Execute: Executar – Executar Arquivo

Aula 3 - Gerenciadores de Layout

Gerenciamento de layout (Layout Management) é o processo de determinar o tamanho e a
posição dos componentes na janela gráfica do programa. Ou seja, determinar onde os
componentes irão ficar guiando a maneira como os elementos de interface serão dispostos dentro
do container (Frame, Panel, Window).

Para selecionar o tipo de layout desejado:

Dê um clique no Frame com o botão direito do mouse, selecione a opção Definir Layout e escolha
uma das opções listadas:

É necessário modificar o Layout para que se possa colocar os componentes (botões, Labels, etc)
na posição desejada, isto porque o Formulário (JFrame/Frame), quando é criado, tem como
padrão o Layout BorderLayout.

A escolha do gerenciador de layout depende muito das necessidades do programa.

a) Layout de Fluxot.

Simplesmente posiciona os componentes da esquerda para a direita, criando novas linhas se

necessário

b) Layout de Borda.

É o padrão. Divide a janela em cinco áreas nas quais os componentes podem ser exibidos:
norte, sul, leste, oeste e centro.

c) Layout de Cartão.

Permite apresentar dois ou mais componentes (geralmente painéis), compartilhando o mesmo

espaço de apresentação. Funciona como uma pilha de cartas onde apenas uma fica visível.

- Cria-se um Painel fixo de Controle e um genérico (CardLayout) para conter outros paineis.

d) Layout de Grade.

Deixa todos os componentes com igual tamanho, exibindo-os como uma tabela (linhas e
colunas).
Ex: substitua a linha 9 do Programa [Link] por:

setLayout( new GridLayout(3,1));

e) Layout de Conjuntos de Grades

É o mais flexível dos gerenciadores de layout, permite colocar componentes em grades de

colunas, sendo possível um componente ocupar mais de uma coluna ao mesmo tempo.

As linhas também não precisam necessariamente ter os mesmos tamanhos, ou seja, você pode
configurar diferentes larguras e alturas de acordo com a necessidade. No entanto, é o mais difícil
de ser implementado.

Aula 5 – Trabalhando com Cálculos

Vamos aprender nesta aula como fazer um programa envolvendo cálculo:

Monte o formulário de acordo com a figura abaixo:

Figura Exemplo

Siga os passos abaixo para que você possa desenvolver sua tela:

1 - Insira 5 componentes Label da guia Paleta.

2 - Insira 4 componentes Campo de Texto da guia Paleta

3- Insira 1 componente Caixa de Combinação da guia Paleta

4- Insira 3 componentes Botão da guia Paleta

Para mudar o texto dos componentes:

- Clique duas vezes em cima deles e mude o texto de acordo com o exemplo da tela – figura
Exemplo, ou se preferir, mude o texto na propriedade “texto” da guia Propriedades como você
pode ver na figura abaixo:

- Faça isto para mudar o texto de todos os componentes Label e Botão.

- Para os componentes Campo de Texto simplesmente deixe a propriedade Text em branco !

6- Para inserir desenhos nos Botões:

- Na aba Propriedades, procure a propriedade Icon e clique nas reticências. Você verá a tela
abaixo:
- Clique em ... e no botão Selecionar arquivo, escolha a sua figura desejada.

7- Para inserir os itens de opção no componente Caixa de Combinação:

- Clique no componente Caixa de Combinação e procure a propriedade “Model”, clicando nas

reticências, veja...

- Insira nele os itens de menu desejados. Veja a figura abaixo:

- Escreva o nome do item na caixa Item e pressione Enter. Clique em Ok para finalizar.
8- Cálculo do campo “Preço de Venda”

- O campo “Preço de Venda” deverá ser calculado, recebendo o Preço de Custo acrescido de
20%. Sendo assim, este campo não poderá permitir digitação, pois será calculado quando o
botão Calcular for pressionado. Devemos, então deixar sua “Enabled” igual a false, retirando a
seleção dela: > - Procure esta propriedade na aba Propriedades.

- Vamos fazer a programação desta rotina no botão Calcular:

- Clique com o botão direito do mouse sobre botão Calcular e escolha a opção Eventos– Action -
actionPerformed e digite as seguintes linhas de código entre as chaves:

private void jButton1ActionPerformed([Link] evt) {

// TODO add your handling code here:

float valorCusto= [Link]([Link]());

float valorVenda= (valorCusto * 1.20f);

 [Link]([Link](valorVenda));

- Na primeira linha de código, criamos uma variável do tipo float chamada valorCusto que irá
receber o conteúdo que está inserido no componente jTextField3, através do método getText().
Como o componente jTextField recebe valores do tipo String e a variável valorCusto é do tipo
float, fizemos a conversão de String para Flutuante - Float,parseFloat.

- Na segunda linha de código, fazemos com que a variável valorVenda receba o valor de custo
com 20% de acréscimo.

Observação: Todo o número flutuante deve ser acompanhado da letrinha f no final. Veja o
exemplo na linha 2 – 1.20f

- Na terceira linha de código, fazemos com que o componente jTextField4 (valor de venda)
receba o valor da variável valorVenda calculado na linha anterior, tendo que fazer a conversão
agora de flutuante para string – [Link], para que o componente jTextField possa receber.

9- Vamos fazer a programação do Botão Limpar:

- Clique com o botão direito do mouse sobre botão Limpar e escolha a opção Eventos– Action -
actionPerformed e digite as seguintes linhas de código entre as chaves:

private void jButton2ActionPerformed([Link] evt)

{

// TODO add your handling code here:

[Link]("");

[Link]("");

[Link]("");

[Link]("");

[Link](-1); }

==> [Link](""); - Limpa o campo jTextField1;

==> [Link](-1); - Limpa o jCombobox1.

Por que -1 ???

Quando inserimos os campos na Caixa de Combinação, o Java indexa todos os itens começando
pelo 0, desta forma, o primeiro item inserido terá index 0, o segundo item inserido terá index 1 e
assim por diante. Se quisermos que não seja selecionado nenhum dos itens no componente para
que fique em branco, apontamos o index para o nulo que é -1 !
10- Vamos fazer a programação do Botão Sair:

private void jButton3ActionPerformed([Link] evt)

{

// TODO add your handling code here:

[Link](0);

A função [Link](0) faz com que o sistema seja fechado.

11- Para inserir tecla de atalho nos botões

- Para inserir tecla de atalho para os botões, selecione o botão, por exemplo o botão Calcular, e
na propriedade mnemonic (na aba Propriedades) coloque a letra do texto que deseja que seja
sublinhada, por exemplo, no botão Calcular foi escolhido como tecla de atalho a letra C. Pronto,
quando você executar seu programa seu botão ficará assim:

Aula 6 – Tela de Senha

Vamos aprender agora como montar uma simples tela de senha. Veja a figura Exemplo abaixo:

Figura Exemplo

1- Insira os seguintes componente da aba Paleta: um Label , um Campo de Senha e um

Botão, conforme a figura acima.
 2- Crie um simples formulário de Cadastro somente para aprendermos como chamar um outro
formulário caso a senha esteja correta. Veja o exemplo da Figura Cadastro:

> Figura Cadastro

3- Volte para o formulário de Senha e clique com o botão direito do mouse sobre o botão “OK”,
e selecione “Eventos - Action - ActionPerformed. Este método é responsável por capturar todas
ações de clique do mouse sobre o botão, como já vimos.

4- Digite as seguintes linhas de código:

private void jButton1ActionPerformed([Link] evt)

{

String senha;

senha= [Link]();

if ([Link]("Eliana"))

[Link](null,"Bem vindo ao sistema");

new Cadastro().setVisible(true);

else

[Link](null,"Senha Incorreta. Tente

novamente");

[Link]("");

}
Explicação do código:

1- String senha; - Declara uma variável de nome senha do tipo String

2- senha= [Link](); - A variável senha recebe o valor inserido no

componente jPasswordField1

3- if ([Link]("Eliana")) – verifica se o conteúdo armazenado na variável senha é igual

a “Eliana”

4- [Link](null,"Bem vindo ao sistema"); - Se a senha estiver

correta dá uma mensagem na tela dizendo "Bem vindo ao sistema"

5- new Cadastro().setVisible(true); - em seguida, chama o formulário de Cadastro feito

anteriormente.

6- else – caso contrário, ou seja, se a senha estiver incorreta

7- [Link](null,"Senha Incorreta. Tente novamente"); - dá uma

mensagem dizendo: "Senha Incorreta. Tente novamente”

8- [Link](""); - em seguida, limpa o componente jPasswordField1 para

que seja digitado a senha novamente.

Aula 7 - Criação do Menu Principal

Vamos agora aprender a construir Menu Principal usando o componente Barra de Menu que está
na guia Paleta:

A barra de menu toda é chamada de Barra de Menu. Esta barra contém o conjunto de menus que
aparece na parte superior da janela.

1- Insira um Barra de Menu no seu formulário JFrame

Sua tela deverá ficar como mostra a figura acima.

2- Em seguida, temos que criar os menus:

- A barra de menu já vem com dois menus pré-estabelecido:

- Adicione quantos menus você desejar, basta clicar com o botão direito sobre a Barra de Menu

3- Mude os labels dos menus:

- Clique em cima do primeiro Menu

- Abra a guia Propriedades e procure a propriedade Text

- Digite nela a palavra Cadastros. Ou, simplesmente, clique duas vezes em cima do menu e altere
seu label.

- Repita os mesmos passos para o segundo Menu.

- Sua tela deverá ficar assim:

4- Vamos agora inserir as opções de Menu para o JMenu1:

- No canto esquerdo da sua tela, você deve encontrar a aba Projetos e dentro dela, todos os seus
projetos. Clique sobre o projeto onde se encontra o seu JFrame de Menus e abra a classe. Dentro
dela, procure Navegador depois, como mostra a figura abaixo:

- Dê um clique no jMenuBar. Selecione a ferramenta Item de Menu e arraste até o menu

desejado.

- Na aba Propriedades, propriedade Text, mude o nome para Alunos

- Insira agora uma barra separatória seguindo os mesmos passos anteriores:

- Clique com o botão direito sobre o jMenu1, escolha a opção Add – JSeparator.

- Insira agora a última opção deste menu:

- Com o botão direito sobre o jMenu1, escolha a opção Add – JmenuItem:

- Na aba properties, propriedade Text, mude o nome para Professores.

- Seu Menu Cadastro deverá ficar assim:

Observação: Mude a propriedade Title do JFame para Menu Principal !

- Dentro do menu Opções, coloque um item chamado Sair, seguindo os passos anteriores.

Deverá ficar assim:

5- Agora vamos programar nossos menus:

- Clicando na opção Alunos no menu Cadastros, deverá aparecer uma mensagem dizendo:

“Desculpe, o cadastro de alunos está em manutenção!”

- Para isto, clique com o botão direito do mouse em cima do jMenuItem1 e selecione o evento
actionPerformed:

- Digite a seguinte linha de comando:

private void jMenuItem1ActionPerformed([Link] evt) {

[Link](null,"Desculpe, o cadastro de alunos está em

manutenção !");

}
 - Clicando na opção Professores do Menu Cadastros, deverá chamar o formulário de Cadastro
de Professores.

6- Vamos então criar primeiro este formulário !

- Na aba Projetos, clique com o botão direito do mouse no projeto ProjMenu e na opção Novo,
escolha Form JFrame, como mostra a figura abaixo:

- Na caixa onde pede o nome da classe, digite CadProfessores

- Monte sua tela de cadastro como desejar, veja o exemplo abaixo:

7- Vamos agora programar para que a opção Professores do Menu Cadastro chame este
formulário.

- Para isto, clique com o botão direito do mouse em cima do jMenuItem2 e selecione o evento
actionPerformed:
 private void jMenuItem2ActionPerformed([Link] evt) {

new CadProfessores().setVisible(true);

8- Vamos agora programar para que a opção Sair do Menu Opções

- Clicando na opção Sair do menu Opções, deverá fechar o formulário. Para que isto aconteça, no
evento actionPerformed também, digite:

private void SairActionPerformed([Link] evt) {

[Link](0);

9- Para colocar imagem no seu Menu

- Para colocar imagem no Menu (JMenu), basta clicar sobre ele e na aba Properties, procure a
propriedade Icon. Clique nas reticências e procure a imagem que deseja inserir no seu menu.
 - Marque a opção File e clique no botão Select File... para escolher o arquivo da imagem que
deseja inserir no seu Menu.

Observação: coloque figuras com extensão jpge ou gif.

- Para inserir imagens nas opções do menu (JMenuItem), procure o componente na aba Projects
e siga os mesmos procedimentos descritos acima.

Veja como deve ficar seu Menu: