Marcus Becker - contato: meumundojava@gmail.

com

Criando uma agenda simples com NetBeans 6.5

(Swing application framework e Beansbinding)
J faz algum tempo que escrevi uma agenda simples usando o Eclipse com o Visual Class Editor.
Demorei em torno de uma dia para criar a agenda.
Hoje com as funes da nova verso do NetBeans, consigo criar essa mesma agenda em alguns minutos,
dependendo, em alguns cliques.
O objetivo deste tutorial mostrar isso, mas mantendo o conceito da primeira agenda simples que no usa banco
de dados.
Legenda das cores:
Texo
Quando se trata de alguma propriedade, campo ou boto do NetBeans
Itlico

Nome de classe ou mtodo

Iniciando:
1.
2.
3.
4.
5.
6.

Crie um novo projeto no NetBeans.

Na Categoria Java escolha o projeto Aplicativo de rea de trabalho Java
Clique em Prximo
Altere o Nome do projeto para Agenda Simples
Em Escolher shell de aplicativo marque a opo aplicativo bsico
Clique em Finalizar

Marcus Becker - contato: meumundojava@gmail.com

O NetBeans ir criar uma aplicao Desktop bsica j funcional e trs classes criadas AgandaSimplesAboutBox,
AgandaSimplesApp, AgandaSimplesView.
Alm de criar mais uma classe que ser a representao do nosso contato, precisamos importar para o nosso
projeto mais uma biblioteca. A biblioteca que ser responsvel pela vinculao dos componentes.
Importando biblioteca de vinculao:
1. Abra a janela Projetos e selecione a pasta Bibliotecas do seu projeto.
2. Clique com o boto direito em Biblioteca, no menu Adicionar biblioteca...
3. Selecione Vinculao de Beans (no final da lista) e clique em Adicionar Biblioteca

Marcus Becker - contato: meumundojava@gmail.com

Criando a classe contato:
1.
2.
3.
4.

Clique com o boto direito no pacote agendasimples

Escolha Novo, depois Classe java
Altere o Nome da classe para Contato
Clique em Finalizar

Nossa classe Contato precis ser um POJO e seus campos sero nome e telefone.

Marcus Becker - contato: meumundojava@gmail.com

Criando e encapulsando os campos:

1. Crie dois campos privados do
tipo String (private String nome
e private String telefone)
2. Com o ponteiro do mouse entre
os colchetes da classe,
pressiona ALT + INSERT
3. No menu que apareceu,
selecione Getter e Setter
4. Na janela Gerar getter e setter,
selecione Contato. Isso
selecionar todos os campos
5. Clique em Gerar e salve as
alteraes

Agora vamos
trabalhar a camada
visual,
abra a classe
AgandaSimplesView.
Certifique-se de estar
visualizando a janela
Projeto
e no a janela
Cdigo-fonte.

Marcus Becker - contato: meumundojava@gmail.com

Arraste da Paletas os seguintes Controles Swing
para o projeto:

Marcus Becker - contato: meumundojava@gmail.com

Inserindo componentes e quantidades:

Tabela
Rtulo
Campo de texto
Boto

1
2
2
3

Alinhe como preferir ou como mostra a imagem

Nos itens Tabela e Campo de texto, vamos alterar o nome da varivel para facilitar seu uso.
Repita os trs passos seguindo a tabela.

1. Boto direito sobre o componente

2. Escolha a opo Alterar nome da varivel...
3. Na janela Renomear / Novo nome
coloque o nome correspondente

Componente

Novo nome

Tabela

tabela

1 Campo de texto

tfNome

2 Campo de texto

tfTelefone

Obs. Os botes no precisam ser renomeados.

At aqui no vimos muita diferena entre o NetBeans e o Eclipse. Mas as semelhanas param por aqui.
Vamos fazer a listagem dos nossos contatos. Altere o modo de visualizao para Cdigo-fonte.
Crie um mtodo que retorne um ArrayList contendo nome e telefone de nossos contatos, representado pela
classe Contato que criamos anteriormente.
Criando mtodo getContato():
1.

Digite as linhas de cdigo abaixo:

private List<Contato> getContato() {
List<Contato> lista = new ArrayList<Contato>();
// Criando um contato para teste:
Contato c = new Contato();
c.setNome("Marcus Becker - meumundojava@gmail.com");
c.setTelefone("11 ****-****");
lista.add(c);
return lista;
}

2. Atualize os imports com CTRL + SHIFT + I

Para exibir os dados em nossa tabela, precisamos vincular a tabela em um objeto List.
Depois usaremos alguns mtodos que alteraro nosso objeto List (como o mtodo getContato()) e essas
alteraes refletiro em nossa tabela.

Marcus Becker - contato: meumundojava@gmail.com

Podemos criar o objeto List de duas formas:

Selecionar na Paleta Java Persistence o

componente Resultado da Consulta.
Selecionar na Paleta Beans o componente
Escolher Bean e no campo Nome da classe
digitar
java.util.List

Depois de adicionar o componente usando alguma dessas duas formas, veremos um erro em nosso cdigo.
Isso ocorre porque o tipo de criao padro do objeto List espera um objeto Query.
Vamos configurar nosso List. No Modo visual selecione-o na paleta Inspector
Configurando objeto List:
1.
2.
3.
4.

Selecione o componente list1, com o boto direito clique em Propriedades

Na aba Propriedades marque a caixa Observable
Na aba Cdigo altere o Nome da varivel para lst
Altere Parmetros de tipo para <Contato>
(Contato o nome da classe que representa nossos dados. No esquea de usar < e >
5. O mais importante alterar o campo Criao de cdigo personalizado para
ObservableCollections.observableList(getContato())
6. Na aba Cdigo-fonte adicione os imports necessrios CTRL + SHIFT + I
(import org.jdesktop.observablecollections.ObservableCollections;)

O prximo passo associar nossa tabela ao objeto List.

Marcus Becker - contato: meumundojava@gmail.com

Com essa associao tornaremos o contedo da tabela o contedo da nossa lista.
E por usarmos uma observableList, todas as alteraes na nossa List refletiro na tabela.
Vnculando Tabela ao objeto List:
1. Clique com o boto direito na Tabela escolhendo o item Vncular, aps, Elements
2. Na opo Cdigo-fonte de vinculao selecione lst (o nome do nosso recipiente List<Contato>)
3. Se tudo ocorreu bem, voc ver os campos que declaramos na classe Contato. Clique em OK.

Marcus Becker - contato: meumundojava@gmail.com

Execute o projeto, nossa tabela j estar
exibindo os dados de teste que inserimos ao
criar o mtodo getContato().
Agora ser muito fcil inserir, remover e alterar
os dados na agenda.Vamos ajustar os campos
de texto para receber os valores da tabela.

Vinculando Texto Tabela:

1.
2.
3.
4.

Clique com o boto direito no primeiro campo de texto escolhendo o item Vncular, aps, Text
Na opo Cdigo-fonte de vinculao selecione tabela (o nome da nossa Tabela)
Em Expresso de vinculao navegue at selectedElement e escolha o subitem nome
Repita esses passos para o segundo campo de texto, mas agora selecione o subitem telefone

Execute o projeto e verifique que ao selecionar algum item da Tabela, os campos de texto so preenchidos
automaticamente.
Vamos criar as funcionalidades dos botes. Temos trs botes:
O primeiro ser responsvel por criar um novo registro.
O segundo salvar nossa List.
O terceiro ser responsvel por excluir algum contato.
Para os trs botes, definiremos aes distintas. O processo ser o mesmo, apenas alterando o nome da ao.

Marcus Becker - contato: meumundojava@gmail.com

Criando aes:
1.
2.
3.
4.
5.
6.
7.

Clique com o boto direito sobre o primeiro boto

Selecione o item Definir ao...
Na caixa de seleo Ao selecione Criar nova ao
No Mtodo da ao digite novo (novo ser o nome do mtodo)
Em Atributos, aba Bsico, item Texto digite Novo (Esse Novo ser o texto do boto)
Quando clicar em OK, voc ir para o novo mtodo criado no Cdigo-fonte. Volte para o modo Projeto
Repita os passos para os outros botes seguindo o mesmo padro (salvar, Salvar e excluir, Excluir)

No iremos focar no cdigo dos botes, j que estamos mesmo interessados no NetBeans e sua facilidade de
desenvolvimento. Mas junto com o tutorial segue o projeto que pode ser aberto pelo NetBeans e o aplicativo
funcional (pasta dist).