Java中利用Swing构建一个简单的窗口(六)——使用Panel面板作为子容器

叁歲伎倆 2024-04-18 22:59 73阅读 0赞

# 前言 #

如果想要在一个框架中放是个按钮和一个文本域，按钮以网格形式放置，文本域单独占据一行，如果只使用一个单独的容器，是很难达到要求的。最好将窗口分为几块，Panel的作用就是作为一个子容器，把这些按钮都放在Panel里面，然后把Panel放在框架Frame里面就可以了。

# 效果如下 #

假设做一个微波炉吧。。。。。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]

# 代码如下： #

package Test;
    
    import javax.swing.*;
    import java.awt.*;
    
    public class TestFrame extends JFrame{
        
            public TestFrame(){
        
                JPanel p1=new JPanel();
                p1.setLayout(new GridLayout(4,3));
    
                for (int i = 1; i <=9 ; i++) {
        
                    p1.add(new JButton(""+i));
                }
                p1.add(new JButton(""+0));
                p1.add(new JButton("Start"));
                p1.add(new JButton("Stop"));
    
            
    
               // JPanel p3=new JPanel(new BorderLayout());
                add(p2,BorderLayout.EAST);
                add(new JLabel("Food to be placed here"),BorderLayout.CENTER);
               // add(p2);
            }
    
        public static void main(String[] args) {
        
            TestFrame frame=new TestFrame();
            frame.setTitle("The Front View of a" +
                    "Microwave Oven");
            frame.setSize(400,250);
            frame.setLocationRelativeTo(null);
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setVisible(true);
        }
    }

# 步骤分解 #

#### 1. ####

首先先做一个Panle，布局方式选择GridLayout，设置为四行三列，一共12个格子，放置数字0-9，放一个“Start",一个"Stop”，效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 1]

#### 2. ####

在最上面设置一行文本框，可以输入文本。这里新增一个Panel，不过是采用BorderLayout的方式，这样的话可以把东区（上面）设置文本框，再加上Center会延伸占据其他空闲空间的特点，把刚才的p1（十二个格子）设为CENTER，效果如下：

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

#### 3. ####

再新建一个Panel，可以叫做p3，也是采用BorderLayout的方式布局，EAST设置为p2，CENTER设置一个新的Label，里面写一行文字即可。效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 3]

不过因为JFrame的默认布局是BorderLayout，所以无需使用p3，直接在add方法中添加布局位置即可。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/42be4428fb8e433a83b7150da1b47b67.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/cbb7df96d6034eb2b50d87f167967f4e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9446d1d72c2d475f8288c049e85d5be6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/0b266c67809e422d8f21013ec3f22a31.png