Informatica

FLOW LAYOUT 

Es bastante sencillo de usar. Nos coloca los componente en fila. Hace que todos quepan (si el tamaño de la ventana lo permite). Es adecuado para barras de herramientas, filas de botones, etc.

contenedor.setLayout(new FlowLayout());
contenedor.add(boton);
contenedor.add(textField);
contenedor.add(checkBox);


Vamos al panel de estructura y situamos el cursor en this (elapplet) y observamos su hoja de propiedades. La propiedad layout tiene un editor asociado que es una caja de selección, elegimos el elementoFlowLayout. Veremos como los botones se alinean en el centro y en la parte superior del applet.

[pic]



Volvemos al panel de estructura y situamos el cursor en flowLayout1, aparece su hoja de propiedades

[pic]

Podemos cambiar su nombre por defecto,en el editor asociado a la propiedad name, el alineamiento (0 es a la izquierda, 1 al centro y 2 a la derecha) y el espaciado horizontal y vertical entre controles, en los editores asociados a las propiedades alignment, hgap y vgap. En este caso hemos elegido un alineamiento en el centro (por defecto) y un espaciado horizontal de 20 y un espaciado vertical de 5 (por defecto).

FlowLayout es ungestor que pone los controles en una línea, como puede verse en la figura

[pic]

Si se cambia el tamaño del applet y los controles no caben en una línea, pasan a la línea siguiente, como puede verse en la figura.

[pic]

El código fuente

Si pulsamos con el ratón en la pestaña titulada Source, vemos el código fuente que ha generado el IDE.

Los controles son objetos de la claseButton, y el gestor de diseño es un objeto de la clase FlowLayout. Una vez inicializados los miembros dato, en la función miembro init se establecen sus propiedades y se añaden al applet mediante la función add, una vez establecido el gestor de diseño mediante setLayout. Los pasos son los siguientes

1. Crear los botones (objetos de la clase Button) y el gestor de diseño (objeto de la claseFlowLayout)
Button btn1 = new Button();
FlowLayout flowLayout1 = new FlowLayout();




2. Establecer sus propiedades en init
btn1.setFont(new Font("Dialog", 1, 16));
btn1.setLabel("1");
flowLayout1.setHgap(20);




3. Establecer el gestor de diseño del applet (o de un panel) mediante setLayout
this.setLayout(flowLayout1);




4. Añadir los controlesal applet (o a un panel) mediante add
this.add(btn1, null);
Lo que se ha dicho para un applet vale para cualquier panel, ya que un applet no es otra cosa que un panel especializado.

public class FlowApplet extends Applet {
Button btn1 = new Button();
Button btn2 = new Button();
Button btn3 = new Button();
Button btn4 = new Button();
FlowLayout flowLayout1 = new FlowLayout();public void init(){
setBackground(Color.white);
btn1.setFont(new Font("Dialog", 1, 16));
btn1.setLabel("1");
btn2.setFont(new Font("Dialog", 1, 16));
btn2.setLabel("2");
btn3.setFont(new Font("Dialog", 1, 16));
btn3.setLabel("3");
btn4.setFont(new Font("Dialog", 1, 16));
btn4.setLabel("4");
flowLayout1.setHgap(20);this.setLayout(flowLayout1);
this.add(btn1, null);
this.add(btn2, null);
this.add(btn3, null);
this.add(btn4, null);
}
}


BORDER LAYOUT
Los pasos para establecer el gestor BorderLayout son distintos a los empleados para el gestor FlowLayout.
1. Crear los botones (objetos de la clase Button) y el gestor de diseño (objeto de la clase BorderLayout)
Button btnOeste = new Button();BorderLayout borderLayout1 = new BorderLayout();
2. Establecer sus propiedades en init
btnOeste.setFont(new Font("Dialog", 1, 16));
btn1.setLabel("Oeste");
3. Añadir los controles al applet (o a un panel) mediante add, indicando en el segundo argumento la posición que ocupará cada control en el panel mediante miembros estáticos de la clase BorderLayout.
this.add(btnOeste,...