▷ Curso de JAVA: Cómo ordenar los elementos de un formulario?

Después de aprender a cómo crear un proyecto, un paquete y un formulario; en este hermoso viernes  que apenas comienza, les traemos a ustedes la segunda entrega del Curso de JAVA: “Cómo lo hago en JAVA?”. 

En esta oportunidad la temática que se toca es una de las situaciones que más nos preocupan a la hora de diseñar nuestros formularios, y es cómo hacerle para que los componentes que agregamos o forman parte de la interfaz gráfica queden bien alineados y/o distribuidos; en otras palabras, que estén bien ordenados; y por consiguiente la vista o presentación de nuestros formularios sea agradable y profesional.

Explicación por Videotutorial:

Explicación por Foto-Tutorial:

*Cuando trabajamos con formularios, muchas veces los elementos no quedan bien distribuidos, en otras palabras quedan disparejos; notando que el elemento de arriba no queda alineado con el de abajo:

*E incluso notamos que cuando agregamos un nuevo componente vemos que todos los demás se nos ruedan y todo queda desordenado:

*Estas situaciones se dan, ya que cuando trabajamos con interfaces gráficas de usuario, entran a jugar un papel primordial los llamados gestores de diseño o layouts, los cuales se encargan en principal medida de la distribución y redimensionamiento de los componentes; por defecto, cuando creamos un formulario este tiene el  layout "Free Design", el cual nos ayuda en cierta parte a que nuestros elementos queden bien alineados, podemos notar que cuando arrastramos un elemento al formulario nos salen unas líneas, que nos ayudan a ajustar la posición de los componentes:

*Sin embargo hay situaciones  en que queremos colocar un componente en un lugar específico, pero al hacerlo todos los demás componentes se nos desordenan y nuestro trabajo muchas veces se verá arruinado como lo veíamos anteriormente.
Una de las opciones que tenemos, es dejar nuestro formulario sin Layouts; hay que tener en cuenta que esta opción se usa más que todo cuando la ventana de nuestro formulario tiene un tamaño fijo y no queremos que se pueda maximizar.
Para esto debemos seleccionar nuestro formulario (JFrame), luego dar clic derecho sobre este, nos saldrá un menú flotante en el cual nos posicionamos sobre "Set Layout", y luego damos clic en "Null Layout":

*Con esto hemos dejado a nuestro formulario sin  layouts. Para proceder a organizar nuestro formulario ahora debemos, seleccionar los elementos de este,  y luego irnos a la ventana propiedades, y ubicar la sección Layout, y en la coordenada X, colocaremos la distancia que queremos que tengan nuestros elementos con respecto al  extremo vertical derecho  de nuestro formulario, y presionamos la tecla ENTER:

 

*Podremos observar que los elementos están alineados en lo referente a la parte vertical:

*Ahora debemos organizar nuestros elementos con respecto a la distancia que tendrán con el extremo horizontal superior de nuestro JFrame, en este caso es recomendable y en muchos casos obvio, hacerlo de manera individual; es decir, un elemento a la vez; lo que haremos será seleccionar un elemento y luego dirigirnos a la ventana propiedades, y ubicamos la sección Layout, y en la coordenada Y, colocaremos la distancia requerida, y presionamos la tecla ENTER; lo mismo haremos con todos los componentes:

 

*Luego de hacerlo con cada elemento obtendremos el siguiente resultado:

*Si ejecutamos nuestro formulario notaremos que nos saldrá minimizado y/o encogido, esto se debe a que le hemos quitado los layouts, y el JFrame no puede redimensionar ni detectar el tamaño de los componentes que están dentro del mismo:

*Para solucionar este impase, debemos seleccionar nuestro formulario (JFrame) y dirigirnos a la ventana de propiedades y dar clic en el botón "Code", y en el campo de "Form Size Policy", en el menú desplegable elegimos "Generate Resize Code":

*Si ahora ejecutamos nuestro formulario, podremos notar que se visualiza de forma correcta:

NOTA: La elección de un determinado Layout, dependerá de las necesidades o preferencias que tengamos, debemos tener en cuenta que la asignación de un Layout afectará en cierta forma, la manera en la cual se visualizarán nuestros formularios.
Si quieres saber más acerca de los gestores de diseño, puedes consultar en internet o ver en YouTube un excelente video explicativo, original del Canal de Jesús Conde.

Si deseas descargar el video, junto con el fascículo del presente tema del curso de JAVA, sólo debes dirigirte a nuestra Zona de Descargas, y dar clic sobre el icono "Curso de JAVA Parte 2".

Si deseas ver la Parte 1 del Curso de JAVA, puedes dar clic en el siguiente enlace: Curso de JAVA: Cómo hacer un proyecto, un paquete y un formulario?

Recuerda que en UH T.I.S tu blog de tecnología, puedes tener acceso ilimitado y ver todos los capítulos de Cómo lo hago en JAVA?

Si te fue de gran ayuda este material, no olvides compartirlo con tus amigos. 

Si tienes dudas o sugerencias al respecto; puedes dejarnos tus comentarios.

Bendiciones...