layouts - Facultad de Ciencias-UCV

Universidad Central de Venezuela. Facultad de Ciencias – Escuela de Computación. Ingeniería del Software. Manual de desarrollo de interfaces utilizando diferentes layouts. Layout: refiere, para nuestro estudio, a la disposición en que se encuentran los objetos y como es su interacción. Importante: trabajaremos con NetBeans en su versión 6.1 y en inglés. Hasta los momentos, hemos desarrollado aplicaciones en las que ningún elemento de interfaz (en lo sucesivo objeto) pueden superponerse a otro, a excepción de los JPanel o JScrollPane que cumplen funciones de “contenedores”. A la izquierda conseguimos la estructura tradicional con la que hemos trabajado, teniendo el JFrame como padre, y de el heredan tanto los contenedores (JPanel) como los demás objetos. Podemos observar que en ninguna parte nos refiere al layout con el que estamos trabajando. Así pues, se sabe que es el layout por defecto “Free Design”. Se preguntaran, como sabemos con cual estamos trabajando. Si hacemos click con el botón derecho en JFame se despliega un menú en el que encontraremos la opción Set layout, al mostrarse el nuevo menú conseguiremos los diferentes tipos. Como es notorio, el que se encuentre en negrita será aquel con el que estemos trabajando. Entre todos las opciones que podemos encontrar, nos concentraremos en “Absolute Layout” y “Null layout”. Ambas, con algunas diferencias irrelevantes para nosotros en este momento, nos permitirán la superposición de objetos para, por ejemplo, establecer una imagen de fondo, tan necesario para el desarrollo del proyecto. ISWI2009‐VAAG Una vez hayan seleccionado la opción, cualquiera que ésta fuera diferente a “Free Design”, les aparecerá en el panel Inspector un nuevo elemento heredando del JFrame. En este caso utilizamos el “Null layout”. Es importante recalcar, y deben tenerlo en cuenta al momento del desarrollo de sus aplicaciones, que una vez hayan hecho el cambio de layout, cada vez que coloquen un nuevo objeto en su interfaz, se les hará bastante difícil hacer cambios de tamaño de la manera en la que se ha hecho hasta el momento, inclusive, el sólo hecho de mover el objeto representará un esfuerzo. Mi recomendación: una vez hayan puesto su fondo, traten de colocar el objeto en su ubicación final o muy cerca de ella. Para movilizarlo, seleccionen de la lista desplegada en el Inspector aquel que deseen mover y, una vez aparezcan los respectivos iconos de cambio de tamaño, lo desplacen hasta su posición final como un movimiento entre maximización y minimización del mismo. ISWI2009‐VAAG