Universidad Autónoma de Baja California Facultad de Ingeniería Apuntes de Programación Orientada a Objetos I

Transcripción

1 Layout Managers Universidad Autónoma de Baja California Un layout manager es un objeto que controla el tamaño y posición de los componentes de un contenedor. Aun cuando se puede indicar el tamaño y alineación de los componentes a mostrar, el layout manager es el controla finalmente la posición y tamaño de éstos. Como establecer un layout manager En general, solo se tiene que indicar el layout manager de los JPanel y de los content pane. Por defecto, un objeto JPanel utiliza FlowLayout, mientras que un content pane utiliza un BorderLayout. Para cambiar el layout manager de un contenedor, se puede especificar el nuevo layout manager desde el constructor como se aprecia en el primer ejemplo. Ejemplo JPanel panel = new JPanel( new BorderLayout() ); También puede cambiarse el layout manager después de que se ha creado el contenedor como se ve en el siguiente ejemplo. Ejemplo Container conentpane = frame.getcontentpane(); contentpane.setlayout(new FlowLayout()); 1 de 8

2 Cómo agregar componentes a un contenedor Cuando se agregan componentes a un contenedor, panel o content pane, los parámetros del método add que se utilizan dependen del layout manager que se esté utilizando. Como en el ejemplo siguiente en el que se agrega un componente a un pane que tiene un BorderLayout. Ejemplo pane.add(uncomponente, BorderLayout.PAGE_START); Para cada layout manager existe una sección en la que se detallan los argumentos requeridos por el método add. Sugerencias de tamaño y alineación Las dimensiones de los componentes son controlados por el layout manager sin embargo, éstos pueden tener sugerencias en cuanto a su tamaño y alineación que pueden o no ser tomadas en cuenta por el layout manager. La mayoría de los layout managers no toman en cuenta las sugerencias pero BoxLayout y SpringLayout si. Las dimensiones pueden establecerse utilizando los métodos que los componentes tienen para este fin como son: setminimumsize, setpreferredsize y setmaximumsize. El siguiente ejemplo muestra una forma de establecer la dimensiones de un componente al tamaño máximo utilizando el objeto Dimension. Ejemplo component.setmaximumsize(new Dimension(Integer.MAX_VALUE, Integer.MAX_VALUE)); 2 de 8

3 Espacios entre componentes Existen tres factores que influyen en la cantidad de espacio que aparece entre componentes de un contenedor. El layout manager Algunos layout managers colocan espacio entre los componentes automaticamente y algunos permiten especificar la cantidad de espacio entre componentes. Componentes invisibles Se pueden crear componentes ligeros que no se dibujan pero que ocupan espacio en la interfaz gráfica. Bordes vacios En todos los layout managers se pueden utilizar bordes vacios para insertar espacio entre componentes. Los mejores componentes para esto son panel y label ya que normalmente no tienen bordes por defecto. Selección de layout managers Los layout managers tienen distintas fortalezas y debilidades. Al seleccionar uno deben considerarse éstas y tener una idea clara de lo que se quiere hacer. FlowLayout Acomoda los componentes de izquierda a derecha, como las líneas de un párrafo. Cada línea esta centrada. Se acomodan en cada línea tantos componentes como quepan. La Figura 1 muestra como se acomodan los componentes en un FlowLayout. En este caso, como se puede ver en el 3 de 8

4 Listado 1 no se especifica que se utilizará un FlowLayout debido a que es el layout manager que tiene los applets por defecto. Figura 1 Ejemplo de FlowLayout 1 import java.awt.*; 2 import java.applet.applet; 3 4 public class flowlayout extends Applet { 5 Button boton1, boton2, boton3; 6 public void init() { 7 boton1 = new Button("OK"); 8 boton2 = new Button("Abrir"); 9 boton3 = new Button("Cerrar"); 10 // Por default el layout manager es FlowLayout 11 add(boton1); 12 add(boton2); 13 add(boton3); 14 } 15 } Listado 1 Ejemplo flowlayout.java 4 de 8

5 BorderLayout Acomoda los componentes en cinco regiones denominadas NORTH, SOUTH, EAST, WEST y CENTER que corresponden a los puntos cardinales y el centro. Cuando se agrega un componente a un contenedor que tiene este layout se debe especificar el sitio en el que se desea colocar el componente. Si se omite esta especificación, entonces el componente se colocará en el centro por defecto. La Figura 2 muestra como se acomodan los componentes con un BorderLayout. En el Listado 2 ejemplifica otra forma de agregar componentes a un contenedor. Además si se elimina el comentario de la línea 14 se podrá comprobar un comportamiento que tiene este layout que es que solo se puede colocar un componente en cada posición y que si se agregan mas de uno, el último sobreescribre al primero. Figura 2 Ejemplo de BorderLayout 5 de 8

6 1 import java.awt.*; 2 import java.applet.applet; 3 4 public class borderlayout extends Applet { 5 public void init() { 6 setlayout( new BorderLayout() ); 7 // el layout manager es FlowLayout 8 add(new Button("Norte"), BorderLayout.NORTH); 9 add(new Button("SUR"), BorderLayout.SOUTH); 10 add(new Button("Este"), BorderLayout.EAST); 11 add(new Button("Oeste"), BorderLayout.WEST); 12 add(new Button("Centro"), BorderLayout.CENTER); 13 // sobreescribe al boton anterior 14 // add(new Button("Otro Centro")); 15 } 16 } Listado 2 Ejemplo borderlayout.java GridLayout Acomoda los componentes en una cuadricula. El contenedor se divide en secciones rectangulares de tamaños iguales y se coloca un componente dentro de cada sección. La Figura 3 muestra la apariencia que tiene este layout mientras que el Listado 3 contiene el código utilizado para producir la figura mostrada. 6 de 8

7 Figura 3 Ejemplo GridLayout 7 de 8

8 1 import java.awt.*; 2 import java.applet.applet; 3 4 public class gridlayout extends Applet { 5 public void init() { 6 setlayout( new GridLayout(3,2) ); 7 add(new Button("1")); 8 add(new Button("2")); 9 add(new Button("3")); 10 add(new Button("4")); 11 add(new Button("5")); 12 add(new Button("6")); 13 } 14 } Listado 3 Ejemplo gridlayout.java 8 de 8