Diseño de flujo es el diseño predeterminado, lo que significa que si no establece ningún diseño en el código, el diseño se establecerá en Flujo de forma predeterminada. El diseño de flujo coloca componentes (como campos de texto, botones, etiquetas, etc.) en una línea, si no hay suficiente espacio horizontal para contener todos los componentes, el diseño de flujo los agrega en una línea posterior, y así sucesivamente.

Ejemplo: Aquí hay una imagen de un marco donde se han agregado ocho botones a un marco debajo del diseño de flujo. Como puede ver, los botones 7 y 8 están en la segunda fila porque los primeros seis botones ocuparon todo el espacio horizontal.

Diseño de flujo LeftToRight predeterminado

Puntos a tener en cuenta:

  • Todas las líneas en el diseño de flujo son centro alineado por defecto. Como puede ver en la imagen de arriba, los botones 7 y 8 están en el centro. Sin embargo, podemos establecer la alineación hacia la izquierda o hacia la derecha, lo descubriremos más adelante en esta publicación.
  • El espacio horizontal y vertical predeterminado entre componentes es 5 píxeles.
  • De forma predeterminada, la orientación de los componentes es de izquierda a derecha., lo que significa que los componentes se agregarán de izquierda a derecha, sin embargo también podemos cambiarlos de derecha a izquierda, lo veremos más adelante en esta publicación.

Ejemplo de diseño de flujo simple

La imagen que se muestra arriba es el resultado de este código. Aquí estamos agregando 8 botones a un marco y el diseño está configurado para FlowLayout.

import java.awt.*;
public class FlowLayoutDemo extends Frame{
    // constructor
    public FlowLayoutDemo(String title)
    {   
        /* It would create the Frame by calling
         * the constructor of Frame class.
         */
        super(title);    
        
        //Setting up Flow Layout
        setLayout(new FlowLayout());
        
        //Creating a button and adding it to the frame
        Button b1 = new Button("Button:1");
        add(b1);
        
        /* Adding other components to the Frame
         */
        Button b2 = new Button("Button:2");
        add(b2);
        
        Button b3 = new Button("Button:3");
        add(b3);
        
        Button b4 = new Button("Button:4");
        add(b4);
        
        Button b5 = new Button("Button:5");
        add(b5);
        
        Button b6 = new Button("Button:6");
        add(b6);
        
        Button b7 = new Button("Button:7");
        add(b7);
        
        Button b8 = new Button("Button:8");
        add(b8);
    }
    public static void main(String[] args)
    {   FlowLayoutDemo screen = 
            new FlowLayoutDemo("Flow Layout - Beginnersbook.com");
        screen.setSize(400,150);
        screen.setVisible(true);
    }
}

Diseño de transmisión donde la orientación es de derecha a izquierda

La orientación predeterminada para el diseño de flujo es de izquierda a derecha, sin embargo, puede configurarla de derecha a izquierda si lo desea.

import java.awt.*;
public class FlowLayoutDemo extends Frame{
    // constructor
    public FlowLayoutDemo(String title)
    {   
        /* It would create the Frame by calling
         * the constructor of Frame class.
         */
        super(title);    
        
        //Setting up Flow Layout
        setLayout(new FlowLayout());
        
        //Creating a button and adding it to the frame
        Button b1 = new Button("Button:1");
        add(b1);
        
        /* Adding other components to the Frame
         */
        Button b2 = new Button("Button:2");
        add(b2);
        
        Button b3 = new Button("Button:3");
        add(b3);
        
        Button b4 = new Button("Button:4");
        add(b4);
        
        Button b5 = new Button("Button:5");
        add(b5);
        
        Button b6 = new Button("Button:6");
        add(b6);
        
        Button b7 = new Button("Button:7");
        add(b7);
        
        Button b8 = new Button("Button:8");
        add(b8);
        /* This would set the Orientation to 
         *  RightToLeft
         */
        setComponentOrientation(
                ComponentOrientation.RIGHT_TO_LEFT);
        
    }
    public static void main(String[] args)
    {   FlowLayoutDemo screen = 
            new FlowLayoutDemo("Flow Layout - Beginnersbook.com");
        screen.setSize(400,150);
        screen.setVisible(true);
    }
}

Producción:
Fluir de derecha a izquierda

leer  Java: diseño de borde en AWT

Alinear a la izquierda componentes en FlowLayout

Como vimos en los ejemplos anteriores, las líneas están alineadas al centro (vea los botones 7 y 8 en la imagen de arriba). Sin embargo, podemos cambiar la alineación pasando parámetros al constructor de diseño de flujo al configurar el diseño.

Para cambiar la alineación a la izquierda, reemplace la instrucción setLayout(new FlowLayout()); con este: setLayout(new FlowLayout(FlowLayout.LEFT)); en el ejemplo 1. La salida se vería como la siguiente imagen:
Alineación izquierda

Correcta alineación de componentes en FlowLayout

Para cambiar la alineación a la derecha, reemplace la instrucción setLayout(new FlowLayout()); con este: setLayout(new FlowLayout(FlowLayout.RIGHT)); en el ejemplo 1. La salida se vería como la siguiente imagen:
Alineación a la derecha

Por avivcas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *