Java中利用Swing构建一个简单的窗口(五)——使用GridLayout布局

谁践踏了优雅 2024-04-18 22:57 9阅读 0赞

# 简介 #

GrideLayout是从左往右的网格排列，第一行，第二行以此类推。可以指定网格中的行数和列数。

# 效果 #

![在这里插入图片描述][20190913124500953.png]

不会随着拉大而改变行列的情况。

# 代码 #

package Test;
    
    import javax.swing.*;
    import java.awt.*;
    
    public class TestFrame extends JFrame{
        
            public TestFrame(){
        
                setLayout(new GridLayout(3,2,5,5));
    
                add(new JLabel("First Name"));
                add(new JTextField(8));
                add(new JLabel("MI"));
                add(new JTextField(1));
                add(new JLabel("Last Name"));
                add(new JTextField(8));
            }
    
        public static void main(String[] args) {
        
            TestFrame frame=new TestFrame();
            frame.setTitle("ShowBorderLayout");
            frame.setSize(300,200);
            frame.setLocationRelativeTo(null);
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setVisible(true);
        }
    }

setLayout(new GridLayout(3,2,5,5));

表示创建一个三行两列，水平间距五5，垂直间距为5的网格视图。

如果改成

setLayout(new GridLayout(4,2,5,5));

那么会预留出一个格子，效果如下

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]  
如果改成

setLayout(new GridLayout(2,2,5,5));

说明只有两行两列， 但是元素有三行两列，所以会把多余的一行放在最后一行。效果如下

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 1]

[20190913124500953.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d35556bd3dbc47fb9656e0a94806aeda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/b9b64bbffb754c00aa00078c7aaf4cc6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d506aa7bb25e4b19a50b5e2e3a84ff12.png