《GUI编程从入门到精通》（建议收藏）

最新推荐文章于 2023-04-08 16:45:51 发布

m0_61083409

最新推荐文章于 2023-04-08 16:45:51 发布

阅读量181

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： java 开发语言计算机视觉 c#

本文链接：https://blog.csdn.net/m0_61083409/article/details/125346267

版权

本文详细介绍了GUI编程的基础，包括AWT和Swing组件，如窗口、面板、按钮、文本框等，以及事件监听、布局管理和贪吃蛇游戏的实现。通过实例代码展示了如何创建和操作GUI元素，帮助读者掌握Java图形用户界面编程。

摘要由CSDN通过智能技术生成

GUI编程（+贪吃蛇示例代码）

组件：
- 窗口
- 弹出
- 面板
- 文本框
- 列表框
- 按钮
- 图片
- 监听事件
- 鼠标事件
- 键盘事件

1.简介

GUI的核心技术：Swing AWT

1.界面不美观，

2.需要jre环境！

可以写出自己心中想要的小工具
工作的时候，也可能需要维护到Swing界面，概率极小！
了解MVC架构，了解监听！

2、AWT

2.1、AWT介绍

1.new 类！

2.包含了很多类和接口！

3.用于GUI编程图像用户界面

4.元素：窗口、按钮、文本框

5.java.awt包

2.2、组件和容器

2.3、Frame

package Demo01;

import java.awt.*;

//GUI的第一个界面
public class TestFrame {
    public static void main(String[] args) {
        //Frame 对象  JDK 看源码！
        Frame frame = new Frame("我的第一个Java图形界面窗口");

        //需要设置可见性  有weight 和height
        frame.setVisible(true);

        //设置窗口大小
        frame.setSize(400,400);

        //设置窗口背景颜色  Color
        frame.setBackground(new Color(104, 243, 22));

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

        //设置大小固定setResizable默认位true 也就是可以改变窗口大小
        frame.setResizable(false);


    }
}

==问题：发现窗口关闭不了，停止Java运行即可

多个窗口代码示例：

package Demo01;

import java.awt.*;

public class TestFrame2 {
    public static void main(String[] args) {
        //展示多个窗口 new
        MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.blue);
        MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.red);
        MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.green);
        MyFrame myFrame4 = new MyFrame(300, 300, 200, 200, Color.yellow);
    }
}
 class MyFrame extends Frame{
    static int id=0;//可能存在多个窗口。需要一个计数器


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

2.4、面板（Panel）

==解决了关闭事件

package Demo01;

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

//面板 Panel  可以看成是一个空间，但是不能单独存在
public class TestPanel {
    public static void main(String[] args) {
        Frame frame = new Frame();
        //布局的概念
        Panel panel = new Panel();
        Panel panel2 = new Panel();

        //设置布局
        frame.setLayout(null);
        //坐标
        frame.setBounds(300,300,500,500);
        frame.setBackground(new Color(55, 238, 238, 255));
        //panel 设置坐标  相对于frame
        panel.setBounds(10,10,100,400);
        panel.setBackground(new Color(0, 255, 135, 255));
        panel2.setBounds(100,100,300,400);
        panel2.setBackground(new Color(232, 17, 17, 255));

        //frame.add(panel)
        frame.add(panel);
        frame.add(panel2);
        frame.setVisible(true);

        //监听事件，监听窗口关闭事件 System.exit(0)
        //适配器模式：
        frame.addWindowListener(new WindowListener() {
            @Override
            public void windowOpened(WindowEvent e) {

            }

            //窗口关闭的时候需要做的事情
            @Override
            public void windowClosing(WindowEvent e) {
                //结束程序
                System.exit(0);

            }

            @Override
            public void windowClosed(WindowEvent e) {

            }

            @Override
            public void windowIconified(WindowEvent e) {

            }

            @Override
            public void windowDeiconified(WindowEvent e) {

            }

            @Override
            public void windowActivated(WindowEvent e) {

            }

            @Override
            public void windowDeactivated(WindowEvent e) {

            }
        });
    }
}

2.5、布局管理器

流式布局

代码示例：

package Demo01;

import java.awt.*;

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.setLayout(new FlowLayout(FlowLayout.LEFT));
        frame.setLayout(new FlowLayout(FlowLayout.RIGHT));

        frame.setSize(400,400);
        //把按钮添加上去
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);

        frame.setVisible(true);
    }
}

东西南北中

代码示例：

package Demo01;

import java.awt.*;

public class TestBorderlayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestBorderlayout");
        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(400,400);
        frame.setVisible(true);
    }
}

表格式布局

代码示例：

package Demo01;
import java.awt.*;
public class TestGridLayout {
    public static void main(String[] args) {
        Frame frame = new Frame(" TestGridLayout ");
        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.pack();//Java函数！ 自动选择一个最优的位置来确定
        frame.setVisible(true);

    }
}

三种布局结合

代码示例：

package Demo01;

import java.awt.*;

public class ExDmoe {
    public static void main(String[] args) {
        //总的Frame
        Frame frame = new Frame("Ex");
        frame.setLayout(new GridLayout(2,1));
        frame.setSize(400,400);
        frame.setLocation(300,300);
        frame.setBackground(Color.BLACK);
        frame.setVisible(true);

        //4.四个面板
        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-btn-1"));
        p2.add(new Button("p2-btn-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("for-"+i));
        }
        p3.add(p4,BorderLayout.CENTER);

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

    }
}

总结：

Frame是一个顶级窗口
Panel 无法单独显示，必须添加到某个容器中
布局管理器
- 流式布局
- 东西南北中
- 表格式布局

2.6、事件监听

代码示例：

package Demo01;

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowEvent;
import java.awt.event.WindowListener;

public class TestActionEvent {
    public static void main(String[] args) {
        //按下按钮，触发一些事件
        Frame frame=new Frame();
        Button button = new Button();

        //因为ad