Mostre-me

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:

Abrindo o Arquivo DirectoryApp.java no Java Visual Editor:

Para abrir o arquivo DirectoryApp.java no Java Visual Editor:

  1. Na visualização Explorador de Pacotes da perspectiva Java, expanda o projeto MyDirectory e o pacote directory.client.
  2. 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:

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:

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

    Grade no Canvas Gráfico

  2. Na paleta do Java Visual Editor, selecione o componente Swing JTable em JScrollPane JTable no ícone 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.

  3. Mova o ponteiro do mouse sobre a célula na grade na coluna 0, linha 1:

    Posicionamento de Drop na Grade

  4. Clique com o botão esquerdo em JScrollPane e JTable na célula na coluna 0 e linha 1:

    Tabela Dropped na Grade

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:

  1. 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.
  2. Clique e segure o botão esquerdo do mouse na alça verde no lado direito de JScrollPane.
  3. 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.

    Tabela Arrastada para Estender Três Colunas

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

    Tabela Arrastada para Estender 2 Linhas

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:

Para personalizar a âncora, o preenchimento e as inserções para JScrollPane:

  1. Clique com o botão direito em JScrollPane na visualização de design ou dos Java Beans, e selecione Personalizar Layout.

    Menu Pop-up em jScrollPane

    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:

    ícone do menu Personalizar Layout

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

    Caixa de Diálogo Personalizar Layout

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

    JTable Alinhada ao Canvas Gráfico

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:

  1. Na exibição Java Beans, clique com o botão direito no componente jTable e selecione Renomear Campo no menu pop-up.

    Menu de Contexto em jTable

  2. 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:

  1. Selecione employeesTable na visualização de design.
  2. Na exibição Propriedades, selecione a propriedade selectionMode e a defina como SINGLE_SELECTION.

    Visualização Propriedades Mostrando SINGLE_SELECTION  em JTable

  3. Salve o arquivo DirectoryApp.java.

Agora você está pronto para iniciar o .

Termos de Utilização | Feedback
(C) Copyright IBM Corporation 2000, 2005. Todos os Direitos Reservados.