Gestores de Diseño: BoxLayout y CardLayout

Clase BoxLayout

java.lang.Object
java.awt.BoxLayout

La clase BoxLayout, único gestor perteneciente al paquete swing, ordena los componentes de un contenedor de manera de flujo horizontal de igual manera que flowLayout pero tambien permite organizarlos de forma vetical.

La idea es ordenar los componentes como si fueran "cajas" y apilarlos tanto de izquierda a derecha como de abajo hacia arriba, lo que me recuerda el juego de android "move the box":

---

Constructores:

• BoxLayout(Container target, int axis)
  • Único constructor con 2 parámetros: El contenedor al que se le aplique el gestor y que forma de apilar para los componentes que vayan dentro.
  • Los posibles valores son las variables de clase.

---

Variables:

• X_AXIS
  • Especifica que los componentes deben estar dispuestos de izquierda a derecha.
• Y_AXIS
  • Especifica que los componentes deben estar dispuestos de arriba a abajo.
• LINE_AXIS
  • Especifica que los componentes deben estar dispuestos en la dirección de una línea de texto según lo determinado por la propiedad ComponentOrientation del contenedor de destino.
• PAGE_AXIS
  • Especifica que los componentes deben estar dispuestos en la dirección de que las líneas de flujo a través de una página según lo determinado por la propiedad ComponentOrientation del contenedor de destino.

---

1. package gestores;
2. import java.awt.*;
4. import javax.swing.*;
5. public class Caja {
7.     public static void main(String[] args) {
8.         JPanel panel = new JPanel();
9.         JPanel panel2 = new JPanel();
10.         JButton btn1 = new JButton("1");JButton btn2 = new JButton("2");
11.         JButton btn3 = new JButton("3");JButton btn4 = new JButton("4");
12.         JButton btn5 = new JButton("5");JButton btn6 = new JButton("6");
13.         JButton btn7 = new JButton("7");JButton btn8 = new JButton("8");
14.         JButton btn9 = new JButton("9");
15.         JFrame marco = new JFrame();
16.         marco.setTitle("BoxLayout");
17.         marco.setSize(278,218);
18.         marco.setLocationRelativeTo(null);
19.         marco.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
20.        
21.         marco.setLayout(new FlowLayout());
22.        
23.         BoxLayout caja = new BoxLayout(panel, BoxLayout.PAGE_AXIS);
24.         panel.setLayout(caja);
25.         panel.add(btn1);panel.add(btn2);panel.add(btn3);
26.         marco.add(panel);
27.        
28.         panel2.setLayout(new BoxLayout(panel2, BoxLayout.LINE_AXIS));
29.         panel2.add(btn4);panel2.add(btn5);panel2.add(btn6);
30.         marco.add(panel2);
31.        
32.         marco.setVisible(true);
33.     }
35. }

---

---

Clase CardLayout

java.lang.Object
java.awt.CardLayout

El gestor CardLayout trata a cada contenedor como una carta o tarjeta.
Sólo una carta es visible a la vez, y el contenedor actúa como una pila de tarjetas.

Es decir 2 o más contenedores ocupan el mismo espacio dentro de una GUI pero solo una es visible. Seguramente sea más fácil de entender con las "pestañas" de nuestro navegador de internet, donde muestra varias paginas pero no todas a la vez, sino organizadas en pestañas.

Ejemplo

Para este ejemplo, se necesita de "vigilantes de escucha"(ActionListener) para que se vea, como al hacer un simple click cambie el contenedor. Los eventos de usuarios será nuestro siguiente tema:

1. import javax.swing.*;
2. import java.awt.*;
3. import java.awt.event.*;
5. public class Cartas2 implements ActionListener {
6.     JFrame marco;
7.     CardLayout carta;
8.     JPanel superior, inferior, panel1, panel2;
9.     JButton btn1, btn2, btn3;
10.     JTextField campo;
11.     JComboBox combo;
12.     String [] cadena = {"Panel con botones","Panel con Campo de texto"};
14.     public Cartas2(){
15. //construir panel superior
16.         superior = new JPanel();
17.         superior.setLayout(new FlowLayout());
18.         combo = new JComboBox(cadena);        
19.         superior.add(combo);
20.        
21. //construir panel 1
22.         panel1 = new JPanel(new FlowLayout());
23.         btn1 = new JButton("Boton 1");
24.         panel1.add(btn1);
25.         btn2 = new JButton("Boton 2");
26.         panel1.add(btn2);
27.         btn3 = new JButton("Boton 3");
28.         panel1.add(btn3);
29.    
30. //construir panel 2
31.         panel2 = new JPanel(new FlowLayout());
32.         campo = new JTextField("Escribe algo...", 15);
33.         panel2.add(campo);
35. //construir panel inferior que contiene a A y B
36.         inferior = new JPanel();
37.         carta = new CardLayout();
38.         inferior.setLayout(carta);
39.        
40.         /* **********************************************
41.          Al agregar componentes se necesitan 2 argumentos:
42.             -El mismo componente a agregar
43.             -Un nombre de referencia, necesario para el método show(Container parent,String name) de CardLayout
44.         ********************************************** */
45.         inferior.add(panel1, "panel1");
46.         inferior.add(panel2, "panel2");
47.        
48. //Constuir ventana
49.         marco = new JFrame();
50.         marco.setTitle("Card Layout");
51.         marco.setSize(290, 110);
52.         marco.setLocationRelativeTo(null);
53.         marco.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
54.         marco.setLayout(new BoxLayout(marco.getContentPane(),BoxLayout.Y_AXIS));
55.         marco.add(superior);
56.         marco.add(inferior);
57.         marco.setVisible(true);
58.        
59.         //agregar vigilante de escucha
60.         combo.addActionListener(this);
61.     }    
62.    
63.     public static void main (String [] inforux){
64.         new Cartas2();
65.     }
66.    
67.     public void actionPerformed (ActionEvent evento){
68.         if (evento.getSource()== combo){
69.             if (combo.getSelectedIndex()==0){
70.                 carta.show(inferior, "panel1");
71.             }
72.             if (combo.getSelectedIndex()==1){
73.                 carta.show(inferior, "panel2");
74.             }
75.         }  
76.     }
77.    
78. }

Como resultado, al seleccionar "panel con campo de texto" cambiara el contenedor 2 y 3/4 de lo mismo si seleccionamos la otra opción.

---

Otra idea es usar los demás métodos de la clase "card".
En lugar de usar de un comboBox, 2 botones mas para ir atrás y adelante con las "cartas".
Declaramos más botones globales:

        JButton siguiente, anterior;

Los inicializamos y los agregamos al panel superior:

        anterior = new JButton("Anterior");
        superior.add(anterior);
        siguiente = new JButton("Siguiente");
        superior.add(siguiente);

Le agregamos los vigiladores:

        anterior.addActionListener(this);
        siguiente.addActionListener(this);

En el método "actionPerformed" le implementamos los métodos next y previous:

    public void actionPerformed (ActionEvent evento){
        if (evento.getSource()== anterior){
            carta.previous(inferior);
        }
        if (evento.getSource()== siguiente){
            carta.next(inferior);
        }  
    }