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. Componente Tabela 1 Campo de texto 2 Campo de texto Novo nome tabela tfNome tfTelefone

1. Boto direito sobre o componente 2. Escolha a opo Alterar nome da varivel... 3. Na janela Renomear / Novo nome coloque o nome correspondente

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).