Adicionando Componentes Individuais ao Formulário

Agora, nós precisamos começar a inserir os componentes que apresentarão de fato as informações de cada usuário que for cadastrado na nossa lista de contatos. Inicialmente, nós iremos adicionar quatro JTextFields que mostrarão as informações dos contatos e os JLabels que os descreverão. Enquanto fazemos isso, note as linhas de orientação verticais e horizontais que o Netbeans nos mostra, sugerindo o espaçamento preferido para o componente de acordo com o look and feel do seu sistema operacional. Isso garante que a sua interface gráfica seja automaticamente renderizada, respeitando as características visuais do sistema operacional que está sendo utilizado.

Para adicionar um componente Rótulo (JLabel) ao formulário:

1. Na janela Paleta, selecione o componente Rótulo na categoria Controles Swing;
2. Mova o cursor para o primeiro painel (JPanel1) que você adicionou na aula passada, com o título Nome. Quando a linha de orientação aparecer indicando que o rótulo (JLabel) está posicionado no canto superior esquerdo com uma pequena margem das respectivas bordas do painel (JPanel), clique para posicionar o rótulo.

Feito isso, o rótulo (JLabel1) é adicionado ao formulário (jPanel1) e um nó correspondente, representando o componente, é mostrado no painel Navegador, conforme mostra a Figura 1.

Antes de seguir adiante, nós precisamos editar o texto mostrado no JLabel que acabamos de inserir. Embora seja possível editar textos mostrados em componentes a qualquer momento, a maneira mais recomendada é fazer isso à medida que você os adiciona.

Para editar o texto mostrado pelo rótulo (JLabel):

1. Dê um duplo clique no JLabel para selecionar o texto mostrado por ele;
2. Digite Primeiro Nome: e pressione Enter.

O novo nome do JLabel é mostrado e a largura do componente é ajustada como resultado da edição. Agora que nós vamos adicionar um Campo de texto (JTextField), podemos ter uma ideia do recurso de alinhamento com a linha base, do Netbeans.

Para adicionar um Campo de texto (JTextField) ao formulário:

1. Na janela Paleta, selecione o componente Campo de texto da categoria Controles Swing;
2. Clique no componente e arraste-o para a direita do rótulo que você acabou de adicionar. Quando a linha de orientação horizontal aparecer indicando que a base do Campo de texto está alinhada com a base do Rótulo e o espaçamento entre os dois componentes é sugerido com uma linha de orientação vertical, clique para posicionar o Campo de texto (Veja a Figura 2).

O JTextField1 ocupa a referida posição no formulário alinhado com a base do JLabel, como mostrado na ilustração seguinte (Figura 3). Perceba que o JLabel foi ligeiramente deslocado para baixo a fim de se alinhar com a base do JTextField1. Como de costume, um nó representando o componente é adicionado ao painel Navegador.

3. Antes de proceder, precisamos adicionar um novo JLabel e um novo JTextField imediatamente à direita dos que já adicionamos, conforme mostra a Figura 3. Dessa vez, digite Último Nome: para o rótulo do JLabel e deixe o texto do JTextField2 como está, por enquanto.

Para redimensionar o Campo de texto:

1. Selecione o Campo de texto que acabamos de inserir;
2. Arraste o manipulador de redimensionamento da borda direita em direção à borda direita do JPanel que o engloba;
3. Quando a linha de orientação horizontal aparecer sugerindo a margem entre o Campo de texto e a borda do painel, solte o botão do mouse para redimensionar o Campo de texto.

O JTextField2 ficará alinhado e com a margem para o JPanel recomendada, como mostrado na Figura 4: