Panel面板和三种布局管理器

Panel面板

panel面板可以理解为一个场景，它是可以嵌套在Frame里的

panel本身也是一个类，就可以通过从操作类的方式去操作它

下面的代码就是一个窗口中嵌套一个面板的实现

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class TestPanel {
    public static void main(String[] args) {
        Frame frame = new Frame();
        Panel panel = new Panel();

        //设置布局
        frame.setLayout(null);


        //坐标，大小，颜色
        frame.setBounds(300,300,500,500);
        frame.setBackground(new Color(0xAF702B));

        //设置panel位置，大小，颜色
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(0x861C5B));

        frame.add(panel);

        frame.setVisible(true);

        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });


    }
}

设置面板的属性的方法大致上和设置窗口的方法差不多

布局管理器

布局管理器，顾名思义就是管理布局的方法，我们可以通过这些方法来实现对我们设计的对象的布局

Flowlayout

在代码中可以通过new Button来设置按钮

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class TestFlowlayout {
    public static void main(String[] args) {

        Frame frame = new Frame("我的窗口");

        //按钮
        Button button1 = new Button("button1");
        Button button2 = new Button("button2");
        Button button3 = new Button("button3");

        //设置为流式布局
        frame.setLayout(new FlowLayout(FlowLayout.CENTER));

        frame.setSize(200,200);

        //把按钮添加上去

        frame.add(button1);
        frame.add(button2);
        frame.add(button3);

        frame.setVisible(true);

        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

可以通过设置FlowLayout来改变布局位置

BorderLayout

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class TestBorderLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("FirstbBorderLayout");

        Button east = new Button("East");
        Button west = new Button("West");
        Button south = new Button("South");
        Button north = new Button("North");
        Button center = new Button("Center");

        frame.add(east,BorderLayout.EAST);
        frame.add(west,BorderLayout.WEST);
        frame.add(south,BorderLayout.SOUTH);
        frame.add(north,BorderLayout.NORTH);
        frame.add(center,BorderLayout.CENTER);

        frame.setSize(200,200);
        frame.setVisible(true);

        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

    }
}

在BorderLayout中可以设置东南西北中。

GridLayout

GridLayout(rows,cols)创建具有指定行数和列数的网格布局

用下面的代码生成三行两列的布局

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class TestGridLayout {
    public static void main(String[] args) {
        Frame frame = new Frame();


        Button btn1 = new Button("btn1");
        Button btn2 = new Button("btn2");
        Button btn3 = new Button("btn3");
        Button btn4 = new Button("btn4");
        Button btn5 = new Button("btn5");
        Button btn6 = new Button("btn6");

        //GridLayout(rows,cols)创建具有指定行数和列数的网格布局。
        frame.setLayout(new GridLayout(3,2));

        frame.add(btn1);
        frame.add(btn2);
        frame.add(btn3);
        frame.add(btn4);
        frame.add(btn5);
        frame.add(btn6);

        frame.pack();
        frame.setSize(500,500);
        frame.setVisible(true);

        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

    }
}

练习题

生成一个如图所示的窗口

实现代码如下

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class EXDemo {
    public static void main(String[] args) {
        Frame frame = new Frame("布局的实际操作");
        frame.setVisible(true);
        frame.setSize(500,500);
        frame.setBackground(Color.BLACK);
        frame.setLocation(300,400);
        //使用表格布局
        frame.setLayout(new GridLayout(2,1));

        Panel p1 = new Panel(new BorderLayout());
        Panel p2 = new Panel(new GridLayout(2,1));
        Panel p3 = new Panel(new BorderLayout());
        Panel p4 = new Panel(new GridLayout(2,2));

        p1.add(new Button("l1"),BorderLayout.EAST);
        p1.add(new Button("r1"),BorderLayout.WEST);
        p2.add(new Button("c1"));
        p2.add(new Button("c2"));
        p1.add(p2,BorderLayout.CENTER);

        p3.add(new Button("l2"),BorderLayout.EAST);
        p3.add(new Button("r2"),BorderLayout.WEST);

        for (int i = 1; i <= 4; i++) {
            p4.add(new Button("b"+i));
        }

        p3.add(p4,BorderLayout.CENTER);

        frame.add(p1);
        frame.add(p3);

        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

    }
}

主要思维就是通过四个面板，把中间的面板进行分割，另外的面板在边缘处布局。
然后把面板进行互相之间的嵌套

---

写在最后
破茧成蝶，人生没有停靠站，现实永远是一个出发点。无论何时何地，不能放弃，只有保持奋斗的姿态，才能证明生命的存在。