Java之GUI編程基礎

參考狂神b站視頻,希望大家多多關注狂神呀

Frame

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

        //Frame

        //設置彈窗標題
        Frame frame = new Frame("我的第一個Java圖形界面窗口");

        //設置可見性
        frame.setVisible(true);

        //設置彈窗大小
        frame.setSize(400,400);

        //設置背景顏色
        frame.setBackground(Color.WHITE);

        //彈出初始位置
        frame.setLocation(200,200);

        //設置大小固定
        frame.setResizable(false);
    }
}
public class TestFrame02 {
    public static void main(String[] args) {
        //展示多個窗口
        new MyFrame(100,100,100,100,Color.blue);
        new MyFrame(200,100,100,100,Color.yellow);
        new MyFrame(100,200,100,100,Color.red);
        new MyFrame(200,200,100,100,Color.white);
    }
}

class MyFrame extends Frame {
    static int id = 0; //可能存在多個窗口 需要一個計數器

    public MyFrame(int x, int y, int w, int h, Color color) {
        super("MyFrame" + (++id));
        setVisible(true);
        setBounds(x, y, w, h);
        setBackground(color);
    }

}

TestFrame02彈出效果

面板Panel

/**
 * @Description: panel可以看成是一個空間 但不能單獨存在 解決了關閉事件
 * @Date: 2020-05-17 11:37
 **/
public class TestPanel {
    public static void main(String[] args) {
        Frame frame = new Frame();
        Panel panel = new Panel();


        //設置佈局
        frame.setLayout(null);

        frame.setBounds(200, 200, 200, 200);
        frame.setBackground(new Color(40, 161, 35));

        panel.setBounds(50, 50, 100, 100);
        panel.setBackground(new Color(248, 0, 0));

        frame.add(panel);

        frame.setVisible(true);
		        //監聽事件 監聽窗口關閉事件 System.exit(0)
        //適配器模式
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

Panel關閉

佈局管理器

  • 流式佈局
  • 東西南北中
  • 表格佈局

/**
 * @Description: 流式佈局
 * @Date: 2020-05-17 11:48
 **/
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());

        frame.setSize(200,200);

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

        frame.setVisible(true);
    }
}

流式佈局

/**
 * @Description: 東西南北中
 * @Author: wangyinghao_sx
 * @Date: 2020-05-17 11:48
 **/
public class TestBorderLayout {
    public static void main(String[] args) {
        Frame frame = new Frame();

        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);
    }
}

東西南北中

/**
 * @Description:表格佈局
 * @Date: 2020-05-17 11:48
 **/
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");

        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.setSize(200,200);

        frame.pack();

        frame.setVisible(true);
    }
}

表格佈局

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

        frame.setBounds(100, 100, 200, 200);
        frame.setBackground(Color.WHITE);
        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("East-1"), BorderLayout.EAST);
        p1.add(new Button("West-1"), BorderLayout.WEST);

        p2.add(new Button("p2-1"));
        p2.add(new Button("p2-2"));

        p1.add(p2, BorderLayout.CENTER);

        p3.add(new Button("East-2"), BorderLayout.EAST);
        p3.add(new Button("West-2"), BorderLayout.WEST);

        for (int i = 0; i < 4; i++) {
            p4.add(new Button("p4-" + i + 1));
        }
        p3.add(p4, BorderLayout.CENTER);

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

        frame.setVisible(true);

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

在這裏插入圖片描述

總結:

  1. Frame是一個頂級窗口
  2. Panel無法單獨顯示,必須添加到某個容器中
  3. 佈局管理器
    1. 流式佈局
    2. 東西南北中
    3. 表格
  4. 大小 定位 背景顏色 可見性 監聽
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章