实验11 JAVA 图形界面的组件与布局

客官°小女子只卖身不卖艺 2023-02-20 03:13 16阅读 0赞

## JAVA 图形界面的组件与布局 ##

## 第一个小实验，创建button组件 ##

编写一个 Java 应用程序，实现以下要求：显示一个 100\*100 的窗口，窗口内添加了四个按 钮，其布局为流式布局管理器。当窗口 f 的尺寸被重置后，其 FlowLayout 型的布局也会随之发 生变化，各按钮的大小不变，但其相对位置会变化。

import javax.swing.*; 
    import java.awt.*; 
    
    public class TestFlowLayout {
         public static void main(String args[]) {
             JFrame f = new JFrame("Flow Layout"); 
             
             //button1的名字，即在界面上显示的名称
             JButton button1 = new JButton("确定");
             JButton button2 = new JButton("打开");
             JButton button3 = new JButton("关闭");
             JButton button4 = new JButton("取消");
             f.setLayout(new FlowLayout()); 
             f.add(button1); // 在窗口中添加button1 
             f.add(button2); 
             f.add(button3); 
             f.add(button4); 
             f.setSize(100,100); //界面的大小100*100        
             f.setVisible(true);
             f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         }
     }

直接运行的结果截图：  
![2020062222285998.png][]  
直接使用鼠标进行拉长界面吼后，界面按键位置的变化：![在这里插入图片描述][20200622222936856.png]

### 常用布局 ###

当把组件添加到容器中时，希望控制组件在容器中的位置，这就需要布局设计。上面的实验中 使用了 FlowLayout 布局，其他常见的布局还有 BorderLayout，CardLayout，GridLayout 等。

#### 1）BorderLayout 布局 ####

将容器空间简单地划分为东、西、南、北、中 5 个区域，每加入一个组件都 应该指明把这个组件加在哪个区域中。区域由 BorderLayout 中的常量 NORTH，SOUTH，EAST， WEST，CENTER 表示。编写一个 Java 应用程序，实现以下窗口布局。

import javax.swing.*;
     import java.awt.*; 
    
    public class TestBorderLayout {
        public static void main(String[] args) {
        Frame f = new Frame("My Frame");
        Button b1 = new Button("BN");
        Button b2 = new Button("BS");
        Button b3 = new Button("BW");
        Button b4 = new Button("BE");
        Button b5 = new Button("BC");
        f.setLayout(new BorderLayout());
        
        f.add(b1, BorderLayout.NORTH);
        f.add(b2, BorderLayout.SOUTH);
        f.add(b3, BorderLayout.WEST);
        f.add(b4, BorderLayout.EAST);
        f.add(b5, BorderLayout.CENTER);
        f.setBounds(200, 300, 200, 300);
        f.setVisible(true);
        }
    }

运行后截图，无法产生键键空隙  
![在这里插入图片描述][20200622225506777.png]

#### 2）GridLayout 布局 ####

将容器划分为若干行\*若干列的网格区域，组件就放置在这些划分出来的单元格 中。使用 GridLayout 的构造方法 GridLayout(int m, int n)创建布局对象，可以制定划分网格的行 数 m 和列数 n。编写一个 Java 应用程序，实现以下窗口布局。

import javax.swing.*;
    import java.awt.*; 
    
    public class GridLayoutWindow extends JFrame {
         public GridLayoutWindow() {
             setLayout(new GridLayout(3,2));
             add(new JButton("b1")); 
             add(new JButton("b2"));  
             add(new JButton("b3")); 
             add(new JButton("b4"));   
             add(new JButton("b5"));     
             add(new JButton("b6"));     
       }
        public static void main(String args[]) {   
          GridLayoutWindow window = new GridLayoutWindow();  
           window.setTitle("GridWindow Application");  
           window.pack();         
           window.setVisible(true);
           window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);   
      } 
    }

运行后截图，无法产生键键空隙  
![在这里插入图片描述][20200622230146618.png]

[2020062222285998.png]: https://img-blog.csdnimg.cn/2020062222285998.png
[20200622222936856.png]: https://img-blog.csdnimg.cn/20200622222936856.png
[20200622225506777.png]: https://img-blog.csdnimg.cn/20200622225506777.png
[20200622230146618.png]: https://img-blog.csdnimg.cn/20200622230146618.png