Antes de iniciar, é necessário concluir o .
Neste exercício, você utilizará o editor visual Java para incluir um JScrollPane e um JTable no aplicativo. Em exercícios futuros, você programará o JTable para obter seus dados a partir de um serviço da Web que retorna uma lista de todos os funcionários no diretório da empresa. Após incluir o JTable, você utilizará a visualização de design do editor visual Java para personalizar o layout do JTable para corresponder às especificações a seguir:
- Estender JTable por três células horizontalmente e duas células verticalmente
- Incluir uma inserção à esquerda de 15 pixels
- Renomear JTable para employeesTable.
Abrindo o Arquivo DirectoryApp.java no Java Visual Editor:
Para abrir o arquivo DirectoryApp.java no Java Visual Editor:
- Na visualização Explorador de Pacotes da perspectiva Java, expanda o projeto MyDirectory e o pacote directory.client.
- Clique com o botão direito no arquivo DirectoryApp.java e selecione Abrir Com
> Editor Visual.
O Java visual editor carrega a classe Java e exibe o design em uma área de canvas gráfico.
Preferências:
- Para alterar a aparência e comportamento utilizados pelo Java visual editor, vá para Janela
> Preferências > Java > Visual Editor e especifique uma aparência e comportamento Swing. A preferência terá efeito na próxima vez que você abrir a classe. Este tutorial utiliza a aparência e comportamento do Windows.
- Para tornar o Visual Editor o editor padrão para todos os arquivos Java, você pode clicar em Janela
> Preferências e ir para a página Workbench > Associações de Arquivos para definir sua preferência.
Incluindo um JTable em um JScrollPane:
A janela principal do DirectoryApp.java utiliza um JFrame com um JPanel para seu painel de conteúdo principal. O JPanel em nosso aplicativo é chamado jContentPane. O jContentPane foi definido para utilizar um tipo de gerenciador de layout chamado GridBagLayout. O GridBagLayout é um poderoso esquema de layout com base em uma grade de células que podem ser ocupadas pelos componentes de visual. O editor visual Java torna fácil o trabalho com o GridBagLayout mostrando as bordas das grades. Ele também mostra os marcadores de localização quando você solta novos componentes na grade e ele mostra alças nos componentes que você está redimensionando ou movendo no GridBagLayout.
Para incluir a tabela de funcionários (javax.swing.JTable)
na interface com o usuário DirectoryApp.java:
- Clique com o botão direito em jContentPane na visualização do design ou dos Java Beans, e selecione
Mostrar Grade. Uma linha pontilhada vermelha mostra o borda da grade e círculos numerados em azul indicam os números da linha e da coluna. Por exemplo, observe que o botão Novo ocupa a célula na linha 1 (grade y) e coluna 3 (grade x).

- Na paleta do Java Visual Editor, selecione o componente Swing JTable em
JScrollPane
, que é categorizado na gaveta Componentes Swing da paleta.
Dica: Por padrão, a paleta é reduzida no lado direito da área de design. É possível redimensionar e mover a paleta.
- Mova o ponteiro do mouse sobre a célula na grade na coluna 0, linha 1:

- Conforme você move o ponteiro do mouse sobre a grade, esse ponteiro mostra dois quadrados numerados que indicam as coordenadas x e y na grade com base no local do ponteiro do mouse.
- Se você passar o ponteiro do mouse diretamente em uma borda de grade, novas linhas e colunas podem ser criadas e linhas e colunas existentes serão renumeradas. Nesse caso, quadrados amarelos no ponteiro do mouse, barras amarelas entre as grades e etiquetas amarelas de colunas e linhas indicam este comportamento e apontam o impacto que o posicionamento terá.
- Clique com o botão esquerdo em JScrollPane e JTable na célula na coluna 0 e linha 1:

Expandir JScrollPane e JTable em Várias Colunas e Linhas da Grade
Agora é necessário fazer JScrollPane (e seu filho JTable) expandir em 3 colunas e 2 linhas para um melhor comportamento de espaçamento e redimensionamento. Para fazer a tabela estender as colunas e linhas:
- Selecione JScrollPane na área de design ou exibição Java Beans (ainda deve estar selecionada, pois acabou de ser incluída). Observe os pequenos quadrados verdes no canto inferior direito do JScrollPane. Você utilizará estas alças de redimensionamento para arrastar o JScrollPane para expandir várias colunas e linhas.
- Clique e segure o botão esquerdo do mouse na alça verde no lado direito de JScrollPane.
- Arraste seu ponteiro para a direita até que o posicionamento do cursor indique coluna 2, linha 1. Uma sombra cinza escura também indicará as células que o componente ocupará ao soltar o botão do mouse.

- Solte o botão do mouse. Agora o JScrollPane foi estendido em 3 colunas.
- Repita o processo semelhante para arrastar a alça inferior do JScrollPane até que JScrollPane seja estendido na linha 2:

Personalizar o Espaçamento do JScrollPane Dentro de GridBag
Um outro recurso do gerenciador GridBagLayout é que você pode especificar diversos limites para personalização do layout. Por exemplo, é possível especificar as seguintes restrições:
- âncora: Um componente pode receber uma orientação de âncora dentro de sua célula, que afetará como o componente se move conforme o aplicativo é redimensionado por um usuário. Por exemplo, um componente poderia ser ancorado no canto superior esquerdo, médio esquerdo, centro ou inferior direito.
- preenchimento: Um componente pode ser indicado para ocupar todo o espaço disponível dentro de sua célula ou células, horizontalmente, verticalmente ou ambos.
- inserção: Um componente pode ser indicado para seu próprio preenchimento superior, inferior, à esquerda e à
direita, para fornecer espaçamento entre o componente e a linha da grade.
Para personalizar a âncora, o preenchimento e as inserções para JScrollPane:
- Clique com o botão direito em JScrollPane na visualização de design ou dos Java Beans, e selecione Personalizar Layout.

Dica: A caixa de diálogo Personalizar Layout pode permanecer aberta como selecionada e alterar o layout para diferentes componentes. É possível abrir a caixa de diálogo Personalizar Layout a qualquer momento, clicando no botão Personalizar Layout na barra de menus:

- Na guia Componente da caixa de diálogo Personalizar Layout, certifique-se de que o botão Centro de Âncoras está pressionado.
- Certifique-se de que os botões Preenchimento Horizontal e Preenchimento Vertical estão pressionados.
- Inclua uma inserção à esquerda de 15 (pixels) para tornar o espaçamento à esquerda do JScrollPane semelhante aos outros componentes visuais no aplicativo.

A tabela agora alinha-se com a etiqueta Filtro, por exemplo.

Renomeie o Novo JTable para um Valor Útil e Defina-o para Selecionar uma Única Linha:
Como você trabalhará posteriormente com a tabela, será viável renomear a instância do JTable e seu método getter. Para renomear a tabela:
- Na exibição Java Beans, clique com o botão direito no componente jTable e selecione Renomear Campo no menu pop-up.

- Digite employeesTable e clique em OK. O JTable está renomeado para employeesTable, e o método para sua instância é getEmployeesTable.
Para definir a tabela e permitir que apenas uma única linha seja selecionada:
- Selecione employeesTable na visualização de design.
- Na exibição Propriedades, selecione a propriedade selectionMode e a defina como SINGLE_SELECTION.

- Salve o arquivo DirectoryApp.java.
Agora você está pronto para iniciar o .