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

Cuando se establece la propiedad layout para un componente 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. 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

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

  1. En las vistas Diseño o Beans Java, seleccione dos o más componentes que quiera alinear o ajustar entre sí. 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 venta Personalizar diseño puede llevar a cabo uno de los pasos siguientes:
    • Pulsar el botón derecho y seleccionar Personalizar diseño en el menú emergente.
    • Pulse Personalizar diseño Botón de barra de herramientas Personalizar diseño en la barra de herramientas.

    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 requerido 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.

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 componente JButton seleccionado se utiliza como anclaje, o control, para los otros dos botones. La acción Alinear a la izquierda alinea los componentes JButton con el extremo izquierdo del último componente JButton seleccionado y la acción Emparejar anchura hace que los componentes JButton seleccionados tengan la misma anchura que el componente 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, antes de pulsar el botón Distribuir vertical botón Distribuir vertical hay tres botones con espaciado irregular, tal como se muestra en esta imagen:


los beans se sitúan en la vista Diseño

Después de pulsar Distribuir vertical, los componentes se espacian uniformemente, tal como se muestra en esta imagen:

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 conseguir más control sobre el área utilizada para la distribución, puede habilitar el recuadro de distribución pulsando el botón Mostrar recuadro de distribución recuadro de distribución. Cuando pulsa este botón, se traza un recuadro alrededor del área de todos los componentes seleccionados. Puede mover y redimensionar este recuadro utilizando sus manejadores. Cuando utiliza un recuadro de distribución y el recuadro está activo, el recuadro de distribución define el área utilizada para volver a situar los controles. Sin un recuadro de distribución el contenedor padre define el área utilizada para la distribución. La imagen siguiente muestra un recuadro de distribución:

beans con recuadro de distribución

Puede mover redimensionar el recuadro de distribución tal como muestra la imagen siguiente:

beans en recuadro de distribución con tamaño modificado

Si realiza una distribución vertical al tiempo que utiliza el recuadro de distribución, la distribución tiene lugar dentro de los límites del recuadro, en lugar de en el contenedor padre, tal como se muestra en la imagen siguiente:

beans distribuidos verticalmente dentro de un recuadro

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