Alineación de componentes utilizando Alineación X/Y

Cuando se establece el gestor de diseño en null, se puede utilizar la ventana Personalizar diseño para alinear los componentes según sus límites.

Con el diseño establecido en null, los componentes se sitúan y se les asigna tamaño de forma independiente en la interfaz de usuario, y según sus límites. Para evitar la laboriosa y propensa a errores tarea de actualizar de forma individual los límites de cada componente, se puede utilizar el editor visual para alinear y ajustar los tamaños y ubicación de los componentes, en base a sus relaciones.

Cuando un diseño se establece en null, la ventana Personalizar diseño tiene una serie de acciones que funcionan con un grupo de componentes. Se puede:
  • Alinear los componentes según sus bordes
  • Alinear los componentes según sus centros
  • Hacer que los componentes tengan el mismo ancho y alto
  • Distribuir equitativamente los componentes, tanto vertical como horizontalmente, en todo el espacio dado

Por ejemplo, se pueden seleccionar tres componentes JButton y especificar que tengan el mismo ancho y que estén alineados a la izquierda. El último JButton seleccionado se utiliza como anclaje, o control, para los otros dos botones. La acción Alinear a la izquierda alinea los JButtons por el lado izquierdo del último JButton seleccionado, y la acción Ajustar anchura hace que los JButtons seleccionados tengan el mismo ancho que el JButton de control.

Los botones de alineamiento de la ventana Personalizar diseño sólo están habilitados si se cumplen las condiciones siguientes:

Además de alinear los componentes y hacerlos coincidir en ancho y alto, se pueden distribuir. Cuando los componentes están distribuidos, sus posiciones se cambian, de forma que quedan igualmente espaciados dentro de un recuadro delimitador definido por sus contenedores padre. Por ejemplo, el botón Distribución vertical botón distribución vertical organizará los controles siguientes de forma que estén igualmente espaciados:

los beans se colocan en la vista Diseño Al pulsar Distribución vertical, se obtendrá algo como:

beans distribuidos verticalmente

Tenga en cuenta que los tres botones se distribuyen con la altura del padre (el borde superior e inferior del la estructura (frame)).

Para permitir más controles sobre el área utilizada para la distribución, puede habilitar el recuadro de distribución con el botón de ventana de alineación recuadro de distribución. Se mostrará un recuadro alrededor del área de todos los componentes seleccionados, que se pueden mover y al que se puede cambiar el tamaño. Cuando se realiza la 'distribución' y el recuadro está activo, el área que se divide para reposicionar los controles será el recuadro de distribución, en vez del contenedor padre.


beans con recuadro de distribución
El recuadro se puede mover y cambiar el tamaño
beans en recuadro de distribución con tamaño modificado
y la distribución vertical será dentro de este recuadro.

beans distribuidos verticalmente dentro de un recuadro

Para alinear, cambiar el tamaño y redistribuir componentes en un diseño null:

  1. En las vistas Diseño o Bean de Java, seleccione dos o más componentes que quiera alinear o ajustar (entre ellos). Puede utilizar la herramienta de selección marquesina o mantener pulsada la tecla Control para seleccionar varios componentes. El último componente que se selecciona es el componente de control, o anclaje. El componente de anclaje se indica con los bordes para el cambio de tamaño en negro, mientras que el resto de componentes seleccionados tienen los bordes en blanco.
  2. Para abrir la ventana Personalizar diseño puede:
    • Pulsar el botón derecho y seleccionar Personalizar diseño en el menú emergente.
    • Pulse el botón de la barra de herramientas Personalizar diseño mostrar icono de
ventana de alineación.

    Ventana Personalizar diseño
para diseño null
  3. Para alinear los componentes, utilice los botones siguientes:
    • Alinear a la izquierda - alinea los componentes al borde izquierdo del componente de anclaje.
    • Alinear al centro - alinea los componentes con el centro del componente de anclaje a lo largo de un plano vertical.
    • Alinear a la derecha - alinea los componentes al borde derecho del componente de anclaje.
    • Alinear arriba - alinea los componentes al borde superior del componente de anclaje.
    • Alinear a la mitad - alinea los componentes con la mitad del componente de anclaje a lo largo de un plano vertical.
    • Alinear abajo - alinea los componentes al borde inferior del componente de anclaje.
  4. Para ajustar el tamaño de los componentes seleccionados, utilice los botones siguientes:
    • Igualar el ancho - hace que los componentes tengan el mismo ancho que el componente de anclaje.
    • Igualar el alto - hace que los componentes tengan el mismo alto que el componente de anclaje.
  5. Para distribuir el espaciado de los componentes, realice antes alguna de las acciones siguientes para especificar los límites del área de distribución:
    • Pulse el algún lugar que no haya nada para utilizar el contenedor como área de distribución (este es el comportamiento por omisión), o pulse Ocultar recuadro de distribución si el recuadro se estuviera mostrando.
    • Pulse Mostrar recuadro de distribución y arrastre los bordes del recuadro para crear el tamaño deseado para la distribución.
    A continuación, utilice uno de los botones siguientes para distribuir los componentes:
    • Distribución horizontal - hace que los componentes tengan el mismo ancho que el componente de anclaje.
    • Distribución vertical - hace que los componentes tengan el mismo alto que el componente de anclaje.

Tema padre: Diseño de componentes utilizando el editor visual

Conceptos relacionados
Gestores de diseño y componentes

(C) Copyright IBM Corporation 1999, 2004. Reservados todos los derechos.