Alinhar componentes com alinhamento X/Y

Ao definir a propriedade de esquema para determinado componente como nula, pode utilizar a janela Personalizar Esquema para alinhar componentes com base nas respectivas fronteiras.

Com o esquema definido como nulo, cada componente é independentemente colocado e dimensionado na interface de utilizador com base nos seus limites. Para evitar a tarefa morosa e propensa a erros que consiste em actualizar individualmente os limites de cada componente, pode utilizar o editor visual para alinhar e ajustar a dimensão e colocação de componentes com base em relações.

Quando o esquema está definido como nulo, a janela Personalizar Esquema tem várias acções que actuam sobre um grupo de componentes. Poderá:
  • Alinhar componentes com base nas margens
  • Alinhar componentes com base nos pontos centrais
  • Tornar componentes da mesma largura e altura
  • Distribuir componentes regularmente, tanto vertical como horizontalmente, em dado espaço

Para alinhar, redimensionar e distribuir componentes no esquema nulo:

  1. Na vista Concepção ou Java Beans, seleccione dois ou mais componentes que pretenda alinhar ou ajustar relativamente um ao outro. Pode utilizar a ferramenta de selecção letreiro ou manter premida a tecla Ctrl para seleccionar vários componentes. O último componente que seleccionar será o componente de controlo ou âncora. O componente âncora está indicado por pegas pretas, ao passo que os outros componentes seleccionados têm pegas brancas.
  2. Proceda de um dos seguintes modos para abrir a janela Personalizar Esquema:
    • Clique com o botão direito do rato e seleccione Personalizar Esquema no menu emergente.
    • Clique em Personalizar Esquema botão de barra de ferramentas Personalizar Esquema na barra de ferramentas.

    janela Personalizar Esquema para esquema nulo

  3. Para alinhar os componentes entre si, utilize os seguintes botões:
    • Alinhar à esquerda - alinha os componentes com a margem esquerda do componente âncora.
    • Alinhar ao centro - alinha os componentes com o centro do componente âncora num plano vertical.
    • Alinhar à direita - alinha os componentes com a margem direita do componente âncora.
    • Alinhar ao topo - alinha os componentes com a margem de topo do componente âncora.
    • Alinhar meio - alinha os componentes com o meio do componente âncora num plano horizontal.
    • Alinhar ao fundo - alinha os componentes com a margem de fundo do componente âncora.
  4. Para ajustar a dimensão dos componentes seleccionados, utilize os seguintes botões:
    • Ajustar largura - torna os componentes da mesma largura que o componente âncora.
    • Ajustar altura - torna os componentes da mesma altura que o componente âncora.
  5. Para distribuir o espacejamento dos componentes, proceda primeiro do seguinte modo para especificar os limites da área de distribuição:
    • Clique num sítio neutro para utilizar o contentor como área de distribuição (comportamento predefinido) ou clique em Ocultar caixa de distribuição se a caixa já estiver apresentada.
    • Clique em Mostrar caixa de distribuição e arraste as pegas da caixa para criar a dimensão necessária à distribuição.
    Em seguida, utilize um dos seguintes botões para distribuir os componentes:
    • Distribuir horizontalmente - torna os componentes da mesma largura que o componente âncora.
    • Distribuir verticalmente - torna os componentes da mesma altura que o componente âncora.

Por exemplo, pode seleccionar três componentes JButton e especificar que devem ser da mesma largura e alinhados entre si no limite da esquerda. O último componente JButton seleccionado é utilizado como âncora, ou controlo, para os outros dois botões. A acção Alinhar à esquerda alinha os componentes JButton com a margem esquerda do último componente JButton seleccionado, e a acção Ajustar largura torna os componentes JButton seleccionados da mesma largura que o componente JButton de controlo.

Os botões de alinhamento na janela Personalizar Esquema só são activados se as seguintes condições se verificarem:

Além de alinhar componentes e ajustar largura e altura, poderá distribuir componentes. Quando os componentes são distribuídos, as suas posições alteram-se de modo a serem espacejados regularmente numa caixa limite definida pelo contentor ascendente. Por exemplo, antes de fazer clique no botãoDistribuir verticalmente botão Distribuir verticalmente, existem três botões com espacejamento irregular, como se mostra na imagem seguinte:


beans como colocados na vista Concepção

Depois de fazer clique em Distribuir verticalmente, os componentes são espacejados regularmente, como se mostra na imagem seguinte:

beans distribuídos verticalmente

Repare que os três botões estão distribuídos dentro da altura do ascendente (a margem de topo e de fundo da frame).

Para mais controlo sobre a área usada para a distribuição, poderá activar a caixa de distribuição fazendo clique no botão Mostrar caixa de distribuição caixa de distribuição. Ao fazer clique neste botão, é desenhada uma caixa em redor da área de todos os componentes seleccionados. Poderá mover e redimensionar esta caixa com as respectivos pegas. Ao utilizar uma caixa de distribuição e a caixa está activa, esta define a área que é utilizada para reposicionar os controlos. Sem uma caixa de distribuição, o contentor ascendente define a área utilizada para distribuição. A imagem seguinte mostra uma caixa de distribuição:

beans com caixa de distribuição

Poderá mover e redimensionar a caixa de distribuição, como se mostra na imagem seguinte:

beans na caixa de distribuição redimensionada

Se fizer uma distribuição vertical com a caixa de distribuição, a distribuição terá lugar dentro das fronteiras da caixa, e não do contentor ascendente, como se mostra na imagem seguinte:

beans distribuídos verticalmente na caixa

(C) Copyright IBM Corporation 1999, 2004. Todos os direitos reservados.