Java GUI编程

最新推荐文章于 2024-04-12 01:24:38 发布

爱钻研的小铭

最新推荐文章于 2024-04-12 01:24:38 发布

阅读量210

点赞数 1

分类专栏： Java 文章标签： java

本文链接：https://blog.csdn.net/qq_42676511/article/details/120443031

版权

Java 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

怎么学？
- 这是什么？
- 它怎么玩？
- 该如何在我们平时运用？
组件
- 窗口
- 弹窗
- 面板
- 文本框
- 列表框
- 按钮
- 图片
- 监听事件
- 鼠标
- 键盘
- 破解工具

1、简介

GUI的核心技术：Swing AWT
Java GUI 用的很少，原因是：
- 界面不美观
- 需要jre环境
为什么要学习？
- 可以从中学习到MVC的架构，了解监听！
- 可以写出自己心中想要的一些小工具
- 工作时候，也可能需要维护到swing界面，概率很低！

2、AWT

抽象的窗口工具
包含了很多类和接口
元素：窗口，按钮，文本框
java.awt

AWT框架

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(new Color(85,150,68));

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

        //设置大小固定
        frame.setResizable(false);
    }
}

在这里插入图片描述

问题：发现窗口不可关闭，停止Java程序！

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

        MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.black);
        MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.white);
        MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.blue);
        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));
        setVisible(true);
        setBounds(x,y,w,h);
        setBackground(color);
    }
}

在这里插入图片描述

面板Panel

设置面板布局，相对于Frame的位置，背景颜色，

//Panel可以看成是一个空间，但是不能单独存在
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(16,128,39));

        //panel设置坐标，相对于frame
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(193,15,60));

        frame.add(panel);

        frame.setVisible(true);

        //监听事件，监听窗口关闭事件
        //适配器模式
        frame.addWindowListener(new WindowAdapter() {
            //窗口点击关闭的时候需要做的事情
            @Override
            public void windowClosing(WindowEvent e) {
                //结束程序
                System.exit(0);
            }
        });
    }
}

解决了窗口的关闭事件。

布局管理器

Frame和Panel可以设置布局，布局是针对于容器来说的。
有三种布局：
- 流式布局
- 东南西北中
- 表格

流式布局：`FlowLayout()`

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

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

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

        frame.setVisible(true);
    }
}

在这里插入图片描述

东西南北中：`BorderLayout()`

frame进行add的时候直接传入布局的参数，分为东西南北中。

public class TestBoarderLayout {
    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(200,200);
        frame.setVisible(true);
    }
}

在这里插入图片描述

表格布局：`GridLayout(int rows, int cols)`

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

        Button tbn1 = new Button("tbn1");
        Button tbn2 = new Button("tbn2");
        Button tbn3 = new Button("tbn3");
        Button tbn4 = new Button("tbn4");
        Button tbn5 = new Button("tbn5");
        Button tbn6 = new Button("tbn6");

        frame.setLayout(new GridLayout(3,2));

        frame.add(tbn1);
        frame.add(tbn2);
        frame.add(tbn3);
        frame.add(tbn4);
        frame.add(tbn5);
        frame.add(tbn6);

        //frame.setSize(200,200);
        frame.pack(); //自动调整窗口的大小，以适应组件大小和布局
        frame.setVisible(true);
    }
}

布局的总结练习

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

        Frame frame = new Frame();
        frame.setLayout(new GridLayout(2,1));
        frame.setSize(400,400);
        frame.setLocation(200,200);
        frame.setVisible(true);

        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("west"),BorderLayout.WEST);
        p1.add(new Button("east"),BorderLayout.EAST);
        p2.add(new Button("grid-1"));
        p2.add(new Button("grid-2"));
        p1.add(p2,BorderLayout.CENTER);

        p3.add(new Button("west"),BorderLayout.WEST);
        p3.add(new Button("east"),BorderLayout.EAST);
        for(int i = 1;i <= 4;i++){
            p4.add(new Button("grid" + i));
        }
        p3.add(p4,BorderLayout.CENTER);

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

    }
}

在这里插入图片描述

总结：
1. Frame是一个顶级窗口
2. Panel无法单独显示，必须添加到某个容器中
3. 布局管理器
  - 流式
  - 东西南北中
  - 表格
4. 大小，定位，背景颜色，可见性，监听

事件监听

当某个事件发生时，会触发什么操作、或输出什么字符串。
要用到的方法和接口：
- void setActionCommand(String command)：设置动作发生时触发的信息，传入的参数可以通过String getActionCommand()方法获得。
- String getActionCommand()：获得事件触发的信息。
- synchronized void addActionListener(ActionListener l)：添加监听事件，button, frame等可以调用。
- interface ActionListener extends EventListener：函数式接口。frame和button等增加监听事件时必须得重写。
- synchronized void addWindowListener(WindowListener l)：添加监听事件，window及其子类可以调用。
- interface WindowListener extends EventListener：非函数式接口。窗口监听的接口，定义了很多抽象方法，一般不直接用这个接口，引用要重写所有的抽象方法。一般用的是其实现类WindowAdapter。
- abstract class WindowAdapter implements WindowListener, WindowStateListener, WindowFocusListener：WindowListener接口的实现类，这是一个抽象类，但没有定义抽象方法，它把继承接口的类全定义为空类。我们可以重写其中的任意方法来实现窗口事件。

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

        button.addActionListener(new MyActionListen());

        frame.add(button,BorderLayout.CENTER);
        frame.pack();

        windowClose(frame);
        frame.setVisible(true);
    }

    //关闭窗体的事件
    public static void windowClose(Frame frame){
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

//事件监听
class MyActionListen implements ActionListener{
    @Override
    public void actionPerformed(ActionEvent e) {
    	//按下按钮，输出 aaa
        System.out.println("aaa");
    }
}

多个按钮，共享一个监听事件

public class TestActionTwo {
    public static void main(String[] args) {
        //两个按钮 实现同一个监听
        //开始 停止
        Frame frame = new Frame("开始-停止");

        Button button1 = new Button("start");
        Button button2 = new Button("stop");

        //可以显式的定义触发会返回的命令，如果不显示定义，则会走默认的值
        //可以多个按钮只写一个监听类，通过在监听类中对所获取的按钮信息进行判断，并进行相应的操作（关闭等）
        button2.setActionCommand("button2-stop");

        MyMonitor myMonitor = new MyMonitor();

        button1.addActionListener(myMonitor);
        button2.addActionListener(myMonitor);

        frame.add(button1,BorderLayout.NORTH);
        frame.add(button2,BorderLayout.SOUTH);

        frame.pack();
        frame.setVisible(true);


    }
}

class MyMonitor implements ActionListener{

    @Override
    public void actionPerformed(ActionEvent e) {
        //getActionCommand()获得按钮的信息
        System.out.println("按钮被点击了：msg=>" + e.getActionCommand());
    }
}

输入框TextField

用到的类和方法
- TextField类
  - TextField()：文本框构造器
  - void setEchoChar(char c)：设置输入文本时显示的字符，比如我们在输入密码时显示的*号
  - synchronized String getText()：获得文本框输入的内容
  - void setText(String t)：设置指定的文本
- EventObject类
  - Object getSource()：返回的是添加事件的对象本身，例如下面是textField来添加监听事件，所以该方法返回的就是textField对象本身。

public class TestText {
    public static void main(String[] args) {
        new MyFrame();
    }
}

//这里继承了Frame,我们在面向对象的时候学过，new对象的时候会调用父类的构造方法，从而创建了一个Frame，并加载了Frame的属性和方法，因此，下面用的add(), setvisible()等方法都是Frame继承过来的。
class MyFrame extends Frame{
    public MyFrame(){
        TextField textField = new TextField();
        add(textField);
        //监听这个文本框输入的文字
        MyActionListener myActionListener = new MyActionListener();
        //按下 enter，就会触发这个输入框的事件，类似于qq输入后按enter发送
        textField.addActionListener(myActionListener);

        //设置替换编码，比如输入密码时显示的全是*号
        textField.setEchoChar('*');

        setVisible(true);
        pack();
    }
}

class MyActionListener implements ActionListener {

    @Override
    public void actionPerformed(ActionEvent e) {
        TextField field = (TextField)e.getSource(); //返回事件本身
        System.out.println(field.getText()); //获得输入框的文本
        //将文本框清空。
        //这里为什么能够在这里修改文本框的内容？是因为getSource()返回的
        //是文本框事件本身
        field.setText("");
    }
}

简易计算器，组合+内部类的使用

最低级的写法

public class TestCalc {
    public static void main(String[] args) {
        new Calculator();
    }
}

//加法计算器类
class Calculator extends Frame {
    public Calculator(){
        //三个文本框作为数字的输入和输出
        TextField num1 = new TextField(10); //指定字符数
        TextField num2 = new TextField(10);
        TextField num3 = new TextField(20);

        //一个按钮
        Button button = new Button("=");

        //监听按钮
        button.addActionListener(new MyCalculatorListen(num1,num2,num3));

        //一个标签
        Label label = new Label("+");

        //流式布局
        setLayout(new FlowLayout());

        add(num1);
        add(label);
        add(num2);
        add(button);
        add(num3);

        setVisible(true);
        pack();
    }
}

//监听器类
class MyCalculatorListen implements ActionListener{

    private TextField num1;
    private TextField num2;
    private TextField num3;

    public MyCalculatorListen(TextField num1,TextField num2,TextField num3){
        this.num1 = num1;
        this.num2 = num2;
        this.num3 = num3;
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        //获得两个加数
        int n1 = Integer.parseInt(num1.getText());
        int n2 = Integer.parseInt(num2.getText());

        //加法运算后，将结果放到第三个框
        num3.setText((n1 + n2) + "");

        //清除前两个框
        num1.setText("");
        num2.setText("");
    }
}

组合的写法

public class TestCalc {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}

//加法计算器类
class Calculator extends Frame {

    TextField num1,num2,num3;

    public void loadFrame(){

        num1 = new TextField(10);
        num2 = new TextField(10);
        num3 = new TextField(20);
        Button button = new Button("=");
        Label label = new Label("+");

        button.addActionListener(new MyCalculatorListen(this));

        setLayout(new FlowLayout());

        add(num1);
        add(label);
        add(num2);
        add(button);
        add(num3);

        setVisible(true);
        pack();
    }
}

//监听器类
class MyCalculatorListen implements ActionListener{

    //在一个类中组合另外一个类
    private Calculator calculator;

    public MyCalculatorListen(Calculator calculator){
        this.calculator = calculator;
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        //获得两个加数
        int n1 = Integer.parseInt(calculator.num1.getText());
        int n2 = Integer.parseInt(calculator.num2.getText());

        //加法运算后，将结果放到第三个框
        calculator.num3.setText((n1 + n2) + "");

        //清除前两个框
        calculator.num1.setText("");
        calculator.num2.setText("");
    }
}

内部类的写法

public class TestCalc {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}

//加法计算器类
class Calculator extends Frame {

    TextField num1,num2,num3;

    public void loadFrame(){

        num1 = new TextField(10);
        num2 = new TextField(10);
        num3 = new TextField(20);
        Button button = new Button("=");
        Label label = new Label("+");

        button.addActionListener(new MyCalculatorListen());

        setLayout(new FlowLayout());

        add(num1);
        add(label);
        add(num2);
        add(button);
        add(num3);

        setVisible(true);
        pack();

    }

    //内部类：监听器类
    private class MyCalculatorListen implements ActionListener{

        @Override
        public void actionPerformed(ActionEvent e) {
            //获得两个加数
            int n1 = Integer.parseInt(num1.getText());
            int n2 = Integer.parseInt(num2.getText());

            //加法运算后，将结果放到第三个框
            num3.setText((n1 + n2) + "");

            //清除前两个框
            num1.setText("");
            num2.setText("");
        }
    }
}

画笔

用到的类和方法
- Frame类
  - void paint(Graphics g)：画图的方法，该方法很神奇，不需要手动调用，重写了paint()方法后就会画图了。
- Graphics类
  - abstract void setColor(Color c)：设置画笔颜色
  - abstract void fillRect(int x, int y, int width, int height)：画实心矩形
  - abstract void drawOval(int x, int y, int width, int height)：画空心的圆

public class TestPaint {
    public static void main(String[] args) {
        new MyPaint().loadFrame();
    }
}

class MyPaint extends Frame {
    public void loadFrame(){
        setBounds(200,200,600,500);
        setVisible(true);
    }

    @Override
    public void paint(Graphics g) {
        //画笔，需要有颜色，画笔可以画画
        g.setColor(Color.red);
        //g.drawOval(100,100,100,100);
        g.fillOval(100,100,100,100); //实心圆

        g.setColor(Color.green);
        g.fillRect(150,200,200,200);

        //养成习惯，画笔用完，还原到最初的颜色
    }
}

3、Swing

爱钻研的小铭

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Java GUI编程

怎么学？这是什么？它怎么玩？该如何在我们平时运用？组件窗口弹窗面板文本框列表框按钮图片监听事件鼠标键盘破解工具1、简介GUI的核心技术：Swing AWTJava GUI 用的很少，原因是：界面不美观需要jre环境为什么要学习？可以从中学习到MVC的架构，了解监听！可以写出自己心中想要的一些小工具工作时候，也可能需要维护到swing界面，概率很低！2、AWT抽象的窗口工具包含了很多类和接口元素：窗口，按钮，文本框ja.
复制链接

扫一扫