Home | Java |C # |SQL |Manuales |Videos |


10

Clases de distribución de objetos (Layouts)

Los layout managers ayudan a adaptar los diversos Componentes que se desean incorporar a un Panel, frame o Applet, es decir, especifican la apariencia que tendrán los Componentes a la hora de colocarlos sobre un Contenedor controlando el tamaño y posición del componente. Java dispone de varios controladores entre los cuales tenemos a los siguientes:

Nueva imagen (4)

  1. La clase FlowLayout : Los componentes añadidos a un JPanel con FlowLayout se acomodan uno a otro en forma de lista horizontalmente de izquierda a derecha (por defecto) o de derecha a izquierda de acuerdo a los parámetros que se pasen por el constructor.

    image

  2. La clase GridLayout : Es un administrador de distribución que distribuye a los objetos en forma de tablas (filas x columnas) . Aquí el contenedor es dividido en rectángulos de igual tamaño y coloca un objeto en cada rectángulo :
    image

  3. La clase BorderLayoutUn administrador border layout arregla y dimensiona sus componentes en 5 regiones : norte,sur,este,oeste y centro las cuales son identificadas por sus respectivas constantes : NORTH,SOUTH,EAST,WEST Y CENTER.
    image
  4. La clase Box Layout : Este administrador nos sirve para colocar a los objetos de forma alineada ya sea verticalmente o horizontalmente según lo que se le pase por parámetros :
    image   image

    image            image

  5. La clase FreeLayout : Es la que esta configurada por defecto y consiste en que la colocación de los componentes en un contenedor sea a libertad del programador :
    image

Ejemplo : Diseñe una aplicación utilizando en la que se utilice las diferentes clases layout :

image

  • Creamos un proyecto con el netbeans (ver como crear un proyecto en netbeans) : Clic en File → New Project , una vez creado se debe ver así :
    image 
  • Ahora vamos a agregar una paquete llamado Layout, para ello clic derecho en Source Package → New → Java Package y el damos el nombre de Layouts.
    image 
  • Agregamos al paquete que hemos creado un JFrame Form, para ello hacemos clic en el paquete creado : new → JFrame Form al que le llamaremos Principal :image
  • Si todo esta bien obtendremos la siguiente imagen :
    image 
  • Ahora vamos a trabajar sobre el JFrame al cual le damos una distribución de border layout (esto para que el panel que colocaremos después abarque todo el JFrame pues BorderLayout coloca por defecto al primer elemento en el centro) :
    image  
  • Ahora arrastramos un Panel que se encuentra en la parte izquierda y también le damos una distribución de BorderLayout :
    image 
  • Con el panel en distribución layout , solo nos queda agregar mas paneles en cada dirección que nos ofrece el BorderLayout :
    image 
  • Para poder visualizar mejor cada panel vamos a modificar la opción de borde de cada panel , para lo cual seleccionamos el panel en el diseño o también podemos seleccionar los objetos en el inspector (el área que se encuentra en la parte inferior izquierda de la pantalla) y seleccionamos la propiedad border en la paleta de propiedades (situada en la parte inferior derecha) – esto lo hacemos por cada panel - :
    image  image   image
  • Ahora vamos a darle un espacio entre cada panel para eso usaremos la opción de espaciado, para lo cual hacemos clic a la propiedad BorderLayout que hemos establecido antes y automáticamente en la paleta de propiedades aparecen las siguientes opciones para la cual le daremos un valor de 10 a cada espaciado :
    image
  • Hecho esto automáticamente veremos los resultados en el diseñador :

    image

  • Ahora a cada panel le vamos a dar un tipo de los layout que hemos visto  y le vamos a agregar algunos botones :

    image 

    duke001 OBSERVACIÓN : Muchas veces al colocar un administrador de objetos a un panel el panel desaparece de el diseñador de objetos , para lo cual podemos acceder a él desde la paleta del Inspector de objetos :
    • En el siguiente ejemplo vemos que el panel ha desaparecido de el diseñador : image 
    • Si deseamos agregar botones arrastrándolo al diseñador va a ser un poco complicado así que podemos usar la paleta del inspector de objetos para agregar los componentes que deseemos : image 
  • Save01 Ejemplos :

    • Ejemplo de la clase FlowLayout………………………………….ir
    • Ejemplo de la clase GridLayout…………………………………..ir
    • Ejemplo de la clase BorderLayout……………………………….ir
    • Ejemplo de la clase FreeLayout………………………………….ir
    • Ejemplo de la clase BoxLayout……………..…………………….ir
    • Ejemplo del tutorial ………………………………..……………….ir
  • 10 Comentarios:

    Anónimo dijo...

    Y las otras clases donde estan???

    Anónimo dijo...

    No sirve el Url...

    sistemas0711 dijo...

    Tengo problemas con skydrive y las url que me da ... en todo caso hay una carpeta compartida en la parte derecha , den clcic allí y les enviará a mi skydrive , vana Ejemplos -> Ejemplos de Java y ewncontrarán todos los ejemplos

    Anónimo dijo...

    y el siguiente tutorial????? porfa

    Hector dijo...

    Muy sencillo, pero es justo lo que estaba buscando, muchas gracias ;)

    Anónimo dijo...

    Gracias me a sido de mucha utilidad.

    manchita dijo...

    Gracias ! muy bien explicado y con imágenes mucho mucho mejor ! :)

    jodarove dijo...

    Genial el tutorial! muchas gracias! por fin encontre alguien que explique bien y de manera super sencilla!

    Anónimo dijo...

    Ningun link sirve :(
    ¿Podrias subirlo a un host como MEGA o medianfire por favor?
    Muy bueno tu post, pero los links no funcionan jaaj :(

    Anónimo dijo...

    de la puta madre XDXd

    Publicar un comentario

    Ingresa tu comentario .... con el siguiente formato EMAIL - COMENTARIO para poder responderte :