Java中swing的5种布局方式浅析

news2024/11/19 11:31:02

在一个传统的java项目中，遇到一个需要调整布局的需求，下面将学习网上大佬的文章，并将过程记录下来。

1、Java swing5种布局方式

1、边界布局（BorderLayout）
2、流式布局（FlowLayout）
3、网格布局（GridLayout）
4、盒子布局（BoxLaYout）
5、空布局（null）
还有其他两种布局，分别是GridBagLayout（网格包布局）、CardLayout（卡片布局）。
注意：JFrame和JDialog默认布局为BorderLayout，JPanel和Applet默认布局为FlowLayout。

2、边界布局BorderLayout

实例如下

public class BorderLayoutExample extends JFrame {
    JButton btn1=new JButton("东");
    JButton btn2=new JButton("南");
    JButton btn3=new JButton("西");
    JButton btn4=new JButton("北");
    JButton btn5=new JButton("中");
    BorderLayoutExample(){
        init();
        this.setTitle("边界布局");
        this.setResizable(true);
        this.setSize(300, 300);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    void init(){
        this.setLayout(new BorderLayout(10,5)); //默认为0，0；水平间距10，垂直间距5
        this.add(btn1,BorderLayout.EAST);
        this.add(btn2,BorderLayout.SOUTH);
        this.add(btn3,BorderLayout.WEST);
        this.add(btn4,BorderLayout.NORTH);
        this.add(btn5,BorderLayout.CENTER);
    }
    public static void main(String args[]){
        new BorderLayoutExample();
    }
}

运行结果如下
在这里插入图片描述

3、流式布局FlowLayout

实例如下

public class FlowLayoutExample extends JFrame {
    JButton btn1=new JButton("one");
    JButton btn2=new JButton("two");
    JButton btn3=new JButton("three");
    JButton btn4=new JButton("four");
    JButton btn5=new JButton("five");
    FlowLayoutExample(){
        init();
        this.setTitle("流式布局");
        this.setResizable(true);
        this.setSize(300, 300);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    void init(){
        this.setLayout(new FlowLayout(FlowLayout.LEFT,10,5)); //默认为居中;水平间距10，垂直间距5
        this.add(btn1);
        this.add(btn2);
        this.add(btn3);
        this.add(btn4);
        this.add(btn5);
    }
    public static void main(String args[]){
        new FlowLayoutExample();
    }
}

运行结果如下
在这里插入图片描述

4、网格布局GridLayout

实例如下

public class GridLayoutExample extends JFrame {
    JButton btn1=new JButton("one");
    JButton btn2=new JButton("two");
    JButton btn3=new JButton("three");
    JButton btn4=new JButton("four");
    JButton btn5=new JButton("five");
    GridLayoutExample(){
        init();
        this.setTitle("表格布局");
        this.setResizable(true);
        this.setSize(300, 300);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    void init(){
        this.setLayout(new GridLayout(2,3,10,5)); //默认为1行，n列；2行3列，水平间距10，垂直间距5
        this.add(btn1);
        this.add(btn2);
        this.add(btn3);
        this.add(btn4);
        this.add(btn5);
    }
    public static void main(String args[]){
        new GridLayoutExample();
    }
}

运行结果如下
在这里插入图片描述

5、盒子布局BoxLaYout

实例如下

public class BoxLayoutExample extends JFrame {
    JButton btn1=new JButton("one");
    JButton btn2=new JButton("two");
    JButton btn3=new JButton("three");
    JButton btn4=new JButton("four");
    JButton btn5=new JButton("five");
    BoxLayoutExample(){
        init();
        this.setTitle("表格布局");
        this.setResizable(true);
        this.setSize(300, 300);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    void init(){
        this.setLayout(new BoxLayout(this.getContentPane(),BoxLayout.X_AXIS));
        //可以使用Box容器代替
        //Box box = new Box(BoxLayout.Y_AXIS);box.add(btn...);box.add(creat..);
        this.add(btn1);
        this.add(btn2);
        this.getContentPane().add(Box.createHorizontalStrut(10)); //采用x布局时，添加固定宽度组件隔开
        //this.getContentPane().add(Box.createVerticalStrut(5)); //采用y布局时，添加固定高度组件隔开
        this.add(btn3);
        this.add(btn4);
        this.add(btn5);
    }
    public static void main(String args[]){
        new BoxLayoutExample();
    }
}

运行结果如下在这里插入图片描述

6、空布局null

实例如下

public class NullLayoutExample extends JFrame {
    JButton btn1=new JButton("one");
    JButton btn2=new JButton("two");
    JButton btn3=new JButton("three");
    JButton btn4=new JButton("four");
    JButton btn5=new JButton("five");
    NullLayoutExample(){
        init();
        this.setTitle("空布局");
        this.setResizable(true);
        this.setSize(300, 300);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    void init(){
        this.setLayout(null);
        btn1.setBounds(10, 0, 100, 50); //x坐标10，y坐标0，组件宽100，高50
        btn2.setBounds(20, 50, 100, 50);
        btn3.setBounds(30, 100, 100, 50);
        btn4.setBounds(40, 150, 100, 50);
        btn5.setBounds(50, 200, 100, 50);
        this.add(btn1);
        this.add(btn2);
        this.add(btn3);
        this.add(btn4);
        this.add(btn5);
    }
    public static void main(String args[]){
        new NullLayoutExample();
    }
}

运行结果如下
在这里插入图片描述
注：感兴趣的小伙伴可以试试_{可以直接运行}