Cursos / Informática para Internet / Desenvolvimento Desktop / Aula

arrow_back Aula 12 - Gerenciadores de Layouts II

Alinhamento pela Base

Sempre que você adiciona ou move componentes que incluem texto de exibição (JLabels, JTextFields, etc.), o Netbeans sugere alinhamentos baseando-se na parte de baixo dos textos dos componentes. Quando inserimos o último JTextField, por exemplo, sua base foi automaticamente alinhada à base dos JLabels adjacentes.

Agora, iremos adicionar o JComboBox que permitirá ao usuário selecionar o formato da informação que a nossa aplicação irá mostrar. À medida em que adicionamos o JComboBox, iremos alinhar sua base à base do texto do JLabel. Perceba, mais uma vez, as linhas de orientação de alinhamento pela base que aparecem para nos auxiliar no posicionamento.

Para alinhar as bases dos componentes:

  1. Na janela Paleta, selecione o componente Caixa de combinação (JComboBox), na categoria Controles Swing;
  2. Mova o cursor para a direita do JLabel que acabamos de adicionar. Quando a linha de orientação horizontal aparecer indicando que a base do JComboBox está alinhada com a base do texto do JLabel e o espaço entre os dois componentes for sugerido por uma linha de orientação vertical, clique para posicionar o ComboBox.

O componente se posiciona alinhado com a base do texto do JLabel, à sua esquerda, como mostrado na Figura 11. O Netbeans mostra linhas de status, indicando as relações de espaçamento e fixação dos componentes.

Alinhando a Caixa de combinação

Para redimensionar o JComboBox:

  1. Selecione o ComboBox na interface;
  2. Arraste a alça de redimensionamento da borda direita do JComboBox para a direita, até aparecer a linha de orientação sugerindo o espaçamento preferido entre as bordas do JComboBox e do JPanel.

Como mostrado na Figura 12, o canto direito do JComboBox se ajusta ao alinhamento com o JPanel, de acordo com a margem recomendada, e a largura do componente é automaticamente ajustada para redimensionar com o formulário.

Redimensionando o ComboBox

Para encerrar a confecção do primeiro painel, selecione todos os quatro campos de texto utilizando a tecla Ctrl e apague a propriedade text de todos eles no painel Propriedades.

Pronto. Agora, temos o painel completo e com os componentes devidamente alinhados. Veja que dessa forma você consegue construir uma interface mais harmônica e agradável de interagir, dando à sua aplicação uma aparência mais profissional.

Versão 5.3 - Todos os Direitos reservados