Java基础编程-GUI编程

最新推荐文章于 2022-12-12 16:06:36 发布
最新推荐文章于 2022-12-12 16:06:36 发布
阅读量271 收藏
点赞数
分类专栏： Java #Java基础编程 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33565238/article/details/106035945
版权

本文全文参考 https://www.bilibili.com/video/BV1DJ411B75F

1.简介

  • GUI的核心技术：Swing、AWT
    • 缺点：界面不美观、需要JRE环境
  • 为什么学习？
    • 1.可以写出自己心中想要的一些小工具
    • 2.工作需要
    • 3.了解MVC架构，了解监听
      在这里插入图片描述

AWT

  • AWT(Abstract Window Toolkit)，中文译为抽象窗口工具包，该包提供了一套与本地图形界面进行交互的接口，是Java提供的用来建立和设置Java的图形用户界面的基本工具。
1、Frame
案例一：简单的Frame窗口和属性设置
/**
 * GUI第一个界面
 **/
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.lightGray);
        // 弹出的初始位置
        frame.setLocation(200,200);
        // 设置窗口大小固定
        frame.setResizable(false);
    }
}

在这里插入图片描述

案例二：封装自定义Frame类，并创建多个Frame窗口
/**
 * 展示多个Frame窗口
 **/
public class TestFrame2 {
    public static void main(String[] args) {
        MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.lightGray);
        MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.BLUE);
        MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.CYAN);
        MyFrame myFrame4 = new MyFrame(300, 300, 200, 200, Color.GREEN);
    }
}

class MyFrame extends Frame{
    /**
     * 可能存在多个窗口，我们需要一个计数器
     **/
    static int id = 0;

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

在这里插入图片描述

解决关闭事件
		// 监听事件，监听窗口关闭
        // 适配器模式
        frame.addWindowListener(new WindowAdapter() {
            // 窗口点击关闭时需要做的事情
            @Override
            public void windowClosing(WindowEvent e) {
                // 结束程序
                System.exit(0);
            }
        });
2、面板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(Color.BLUE);

        // 设置布局属性
        // 坐标
        panel.setBounds(50,50,100,100);
//        panel.setBounds(50,160,100,100);
        panel.setBackground(Color.RED);

        // frame添加panel组件
        frame.add(panel);
        frame.setVisible(true);

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

在这里插入图片描述

3、布局管理器
3.1、流式布局
/**
 * 流式布局
 **/
public class TestFlowLayout {
    public static void main(String[] args) {
        Frame frame = new Frame();

        // 组件-按钮
        Button btn1 = new Button("Button1");
        Button btn2 = new Button("Button2");
        Button btn3 = new Button("Button3");
        // 设置为流式布局,默认是居中CENTER
//        frame.setLayout(new FlowLayout());
        frame.setLayout(new FlowLayout(FlowLayout.RIGHT));
        frame.setSize(300,300);
        frame.setVisible(true);
        // 添加按钮
        frame.add(btn1);
        frame.add(btn2);
        frame.add(btn3);
        // 窗口监听
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

在这里插入图片描述

3.2、东西南北中
/**
 * 东西南北中
 **/
public class TestBorderLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestBorderLayout");
        frame.setSize(300,300);
        frame.setVisible(true);
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

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

在这里插入图片描述

3.3、表格布局
/**
 * 表格布局
 **/
public class TestGridLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestGridLayout");
        frame.setSize(300,300);
        frame.setVisible(true);
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

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

在这里插入图片描述

总结
  • 1、Frame是一个顶级窗口
  • 2、Panel无法单独显示，必须添加到某个容器中
  • 3、布局管理器（流式、东西南北中、表格）
  • 4、大小、属性、背景颜色、可见性、关闭监听
4、监听
案例一：按钮监听事件
public class TestActionEvent {
    public static void main(String[] args) {

        Frame frame = new Frame("TestActionEvent");
        frame.setLayout(new FlowLayout(FlowLayout.RIGHT));
        frame.setSize(300,300);
        frame.setVisible(true);

        Button button = new Button();
        button.setLabel("aaaaaa");
        button.addActionListener(new MyActionListener());
        windowClose(frame);
        frame.add(button);
        frame.pack();

    }

    /**
     * 关闭窗口方法的封装
     **/
    private static void windowClose(Frame frame){
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

/**
 * 按钮事件监听
 **/
class MyActionListener implements ActionListener{

    @Override
    public void actionPerformed(ActionEvent e) {
        System.out.println("hello");
    }
}
案例二：输入框监听事件
public class jisuanqi {
    public static void main(String[] args) {
        new MyFrame2();
    }
}

class MyFrame2 extends Frame{
    public MyFrame2() throws HeadlessException {
        TextField textField = new TextField();
        add(textField);
        MyAActionListener2 listener2 = new MyAActionListener2();
        // 回车触发
        textField.addActionListener(listener2);
        textField.setEchoChar('*');
        setSize(300,300);
        setVisible(true);
    }
}

class MyAActionListener2 implements ActionListener{

    @Override
    public void actionPerformed(ActionEvent e) {
        TextField field = (TextField) e.getSource(); // 获得资源
        String text = field.getText(); // 获得文本框内的文本内容
        System.out.println(text);
        field.setText("");
    }
}

在这里插入图片描述
在这里插入图片描述

案例三：简易加法计算器
public class TestJiSuanQi {
    public static void main(String[] args) {
        new Calculator();
    }
}

class Calculator extends Frame{
    public Calculator() throws HeadlessException {
        // 三个本文框
        TextField field = new TextField(10);
        TextField field2 = new TextField(10);
        TextField field3 = new TextField(20);
        // 一个按钮
        Button sumBtn = new Button("=");
        MyCalculatorListener myCalculatorListener = new MyCalculatorListener(field,field2,field3);
        sumBtn.addActionListener(myCalculatorListener);
        // 一个标签
        Label label = new Label("+");
        // 布局
        setLayout(new FlowLayout());
        add(field);
        add(label);
        add(field2);
        add(sumBtn);
        add(field3);

        pack();
        setVisible(true);
        windowClose(this);

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

}



class MyCalculatorListener implements ActionListener {
    private TextField num1;
    private TextField num2;
    private TextField num3;

    public MyCalculatorListener(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 TestJiSuanQi {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}

class Calculator extends Frame{
    // 属性
    TextField num1,num2,num3;
    Button sumBtn;
    Label label;
    // 方法
    public void loadFrame(){
        // 三个本文框
        num1 = new TextField(10);
        num2 = new TextField(10);
        num3 = new TextField(20);
        // 一个按钮
        sumBtn = new Button("=");
        MyCalculatorListener myCalculatorListener = new MyCalculatorListener(this);
        sumBtn.addActionListener(myCalculatorListener);
        // 一个标签
        label = new Label("+");
        // 布局
        setLayout(new FlowLayout());
        add(num1);
        add(label);
        add(num2);
        add(sumBtn);
        add(num3);

        pack();
        setVisible(true);
        windowClose(this);
    }

    public Calculator() throws HeadlessException {


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

}



class MyCalculatorListener implements ActionListener {
    Calculator calculator = null;

    public MyCalculatorListener(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 TestJiSuanQi {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}

class Calculator extends Frame{
    // 属性
    TextField num1,num2,num3;
    Button sumBtn;
    Label label;

    public Calculator() throws HeadlessException {

    }

    // 方法
    public void loadFrame(){
        // 三个本文框
        num1 = new TextField(10);
        num2 = new TextField(10);
        num3 = new TextField(20);
        // 一个按钮
        sumBtn = new Button("=");
        MyCalculatorListener myCalculatorListener = new MyCalculatorListener();
        sumBtn.addActionListener(myCalculatorListener);
        // 一个标签
        label = new Label("+");
        // 布局
        setLayout(new FlowLayout());
        add(num1);
        add(label);
        add(num2);
        add(sumBtn);
        add(num3);

        pack();
        setVisible(true);
        windowClose(this);
    }

    // 内部类，好处：可以直接访问外部类
    private class MyCalculatorListener 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监听事件
    private static void windowClose(Frame frame){
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }

}

Swing

菜菜程序猿Garry
关注
专栏目录
浅谈-java GUI-基础理论
m0_73088370的博客
08-31 279
Graphical User Interface(图形用户接口) 用图形的方式，用来显示计算机操作的界面Java为GUI提供的API都存在java.awt和javax.Swing两个包中添加图片时，不能直接加路径，直接使用字符串路径会识别成text文本需要使用-----ImageIcon(String filename);...
JavaGUI
yellow的专栏
10-06 1774
概念： GUI(Graphical User Interface):图形用户接口。 GLI（）
JAVA GUI 编程基础
m0_69300400的博客
12-12 524
本篇为java实训记录，主要介绍java GUI编程
Java GUI编程的基础知识
zeroclub_tac的专栏
04-18 1780
第一节  Java GUI编程的基础知识 java的GUI编程（Graphic User Interface，图形用户接口），是在它的抽象窗口工具箱（Abstract Window Toolkit，AWT）上实现的，java.awt是AWT的工具类库，其中包括了丰富的图形、用户界面元件和布局管理器的支持。GUI主要用在两个地方：Application；Applet。 1
Java_GUI编程基础学习
Akatsuki333的博客
04-25 797
Java GUI基础学习
Java程序设计-GUI小练习
06-14
Java提供了多种GUI编程方式，最常用的是Swing和JavaFX。 Swing是Java自带的GUI库，可以用来创建窗口、标签、按钮、文本框等控件。Swing使用了MVC架构，将界面与数据...建议先掌握Java语言基础，然后再深入学习GUI编程。
java-laboratory-gui:java 实验室 programmin gui sqlite
06-15
3. **Java事件处理**：在Java GUI编程中，事件处理是关键的一部分。当用户与GUI组件进行交互时，如点击按钮或输入文本，会产生相应的事件。Java通过事件监听器接口和事件类来处理这些事件，开发者可以注册监听器来...
Java-JDBC-GUI-ATM源码和jar包
06-03
总的来说，这个Java-JDBC-GUI-ATM项目为学习者提供了一个完整的实践环境，涵盖了Java编程基础、数据库交互和用户界面设计等多个关键领域。通过这个项目，开发者可以提升自己的编程技能，同时加深对数据库管理、对象...
java-gui-master.java课程设计大作业
最新发布
11-15
1. **Java GUI编程基础**：了解Java中的AWT和Swing库，它们提供了各种组件，如按钮、文本框、菜单等，以及布局管理器来组织这些组件。 2. **事件处理**：学习如何为GUI组件添加事件监听器，响应用户的点击、输入等...
Java-GUI-Music-Player
03-06
1. **Java基础**：Java是一种跨平台的面向对象的编程语言，它提供了丰富的类库，使得开发GUI应用程序变得容易。此音乐播放器项目基于Java Swing或JavaFX库创建，这两个库提供了构建用户界面所需的组件。 2. **Swing...
java基础学习GUI编程
rongbinjava的博客
10-10 1663
------- android培训、java培训、期待与您交流！ ----------       GUI（用户图形界面） 一、概述 1、GUI：GraphicalUser Interface，即图形用户界面，用于计算机与用户交互的一种方式。 2、计算机与用户交互的两种方式：GUI和CLI         GUI： Graphical User Interfac
Java基础之《GUI编程》
csj50的专栏
02-23 501
GUI编程 --读“古以”编程AWT  AWT(Abstract Window Toolkit)包括了很多类和接口，用于Java Application  的GUI(Graphics User Interface图形用户界面)编程  GUI的各元素（如：窗口，按钮，文本框等）由Java类来实现  使用AWT所涉及的类一般在java.awt包及其子包中  Container和Component是AW...
javaGUl编程设计(大学生项目)
小马哥的博客
09-20 286
java
Java-GUI编程
m0_61810345的博客
08-10 137
1.简介 GUL的核心技术:Swing AWT 可以写出自己心中想要的一些小工具 工作时候，也可以需要维护到swing界面，概率极小 了解MVC架构，了解监听 缺点：界面不美观 需要jre环境 2.AWT 2.1AWT介绍 包含了很多类和接口 GUL：图形用户编程 元素：窗口、按钮、文本框 2.2组件和容器 2.2.1Frame package CSDN; import java.awt.*; // GUI第一个界面 public class GUITest1 { p
GUI编程
XINGXINGR的博客
12-03 390
GUI Gui的核心技术： Swing AWT GUI能做什么 1写一些小工具 2 工作时候，也可能需要维护到swing界面，概率极小！ 3了解MVC架构，了解监听！ AWT介绍 包含了很多类和接口！ GUI ! 元素：窗口，按钮，文本框 GUI的界面 Frame Frame Java的图形化界面窗口 Frame中的方法 .setVisible(true);设置窗口的可见性 .se...
使用java的GUI设计一个简单的登陆界面（1）
热门推荐
u014344668的专栏
05-26 1万+
实现效果如下 import java.awt.BorderLayout; import java.awt.Container; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPane...
java基础学习总结——GUI编程(一)
qq_29663071的博客
01-18 2460
一、AWT介绍 　　 　　所有的可以显示出来的图形元素都称为Component，Component代表了所有的可见的图形元素，Component里面有一种比较特殊的图形元素叫Container，Container(容器)在图形界面里面是一种可以容纳其它Component元素的一种容器，Container本身也是一种Component的，Container里面也可以容纳别的Contain
Java-GUI编程（2）Swing
m0_46804568的博客
06-17 265
2.Swing 2.1.窗口，面板 import javax.swing.*; import java.awt.*; public class JFrameTest2 { public static void main(String[] args) { new MyJframe2().init(); } } class MyJframe2 extends JFrame{ //init() 初始化 public void init(){ //
图形用户界面(GUI)应用程序开发——菜鸟的第一步
weixin_34018169的博客
05-02 3422
参考资源：贺老师博文 在看完贺老师的博文后，我就照葫芦画瓢的做了个求三角形面积的程序。这是我写的一篇所用时间最长博文（两个多小时，真心挺累，或许是我太笨吧），为了尽可能详细的把步骤写明白我截了二十一张图片。第一次看到窗口时，说实话比DOS窗口高大上多了。好了，废话少说，上干货！声明：准备好VC++6.0 */ * Copyright (c) 2016，烟台大学计算机...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值