GUI编程笔记01

GUI编程

图形用户户界面，又称为图形用户接口。

组件：

• 窗口
• 弹窗
• 面板
• 文件框
• 列表框
• 按钮
• 图片
• 监听事件
• 鼠标
• 键盘事件
• 破解工具

简介

GUI核心技术：Swing，AWT

1. 因为界面不美观
2. 需要jre环境

1.可以写出自己心中的小工具，学习GUI的思想对以后有帮助

2.工作时有可能需要维护swing界面

3.了解MVC家口，了解监听

AWT介绍

1.Awt介绍

Awt(抽象的窗口工具)

包含了很多类和接口，GUI：图形用户界面

Eeclipse：用java写的

2.元素：窗口，按钮，文本框

3.java.awt包

Frame

frame的一些方法

//Frame,JDK,看源码
Frame frame = new Frame("我的第一个Java图像界面窗口");
//需要设置可见性
frame.setVisible(true);
//设置窗口大小
frame.setSize(400,400);
//设置背景颜色
frame.setBackground(new Color(0x55C98F));
//弹出的初始值
frame.setLocation(200,200);
//设置大小固定
frame.setResizable(false);

没有设置窗口关闭时可通过停止Java运行关闭

设置多个窗口

package com.back.Awt;

import java.awt.*;

public class TestFrame02 {
    public static void main(String[] args) {
        //展示多个窗口
        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.yellow);
        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){
        super("Myframe+"+(++id));
        setBackground(color);
        setBounds(x,y,w,h);
        setVisible(true);
    }
}

面板

Panle panle = new Panle();

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

解决窗口关闭问题

3种布局管理器

流式布局

东西南北中

表格式布局

课堂练习

package com.back.Awt;

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

public class LessonExercise {
    public static void main(String[] args) {
        //总Frame
        Frame frame = new Frame("LONGSEASON");
        frame.setLayout(new GridLayout(2,1));

        //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));
        }
//        p4.add(new Button("p4-btn-1"));
//        p4.add(new Button("p4-btn-2"));
//        p4.add(new Button("p4-btn-3"));
//        p4.add(new Button("p4-btn-4"));
        p3.add(p4,BorderLayout.CENTER);

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

        frame.setSize(400,300);
        frame.setLocation(300,400);
        frame.setBackground(Color.cyan);
        frame.setVisible(true);
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

总结：

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

事件监听

当某个事情发生的时候要干什么

两个按钮，实现同一个监听

输入框事件监听

简易计算器，回顾组合内部类

oop原则：组合大于继承

class A extends B{

}

class A{
    public B b;

}

---

package com.back.lesson02;

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

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

    }
}
//计算器类
class Calculator extends Frame{
    public Calculator(){
        //3个文本框
        TextField num1 = new TextField(10);//字符数
        TextField num2 = new TextField(10);//字符数
        TextField num3 = new TextField(20);//字符数
        //1个按钮
        Button button = new Button("=");
        button.addActionListener(new MyCalculatorListener(num1,num2,num3));
        //1个标签
        Label label = new Label("+");
        //布局
        setLayout(new FlowLayout());

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

        pack();//让按键适应大小
        setVisible(true);

    }
}
//监听器类
class MyCalculatorListener implements ActionListener{
    //获取三个变量
    private TextField num1,num2,num3;
    public MyCalculatorListener(TextField num1,TextField num2,TextField num3){
        this.num1 = num1;
        this.num2 = num2;
        this.num3 = num3;
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        //1获得加数和被加数
        int n1 = Integer.parseInt(num1.getText());
        int n2 = Integer.parseInt(num2.getText());
        //2将这个值+运算后，放在第三个框
        num3.setText(""+(n1+n2));

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

用组合优化

完全改造为面向对象

package com.back.lesson02;

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


//计算器类
public class TestCalc {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}
class Calculator extends Frame{
        //属性
        TextField num1,num2,num3;
        //方法
        public void loadFrame(){
            //3个文本框
            num1 = new TextField(10);//字符数
            num2 = new TextField(10);//字符数
            num3 = new TextField(20);//字符数
            Button button = new Button("=");
            button.addActionListener(new MyCalculatorListener(this));
            Label label = new Label("+");
            setLayout(new FlowLayout());
            add(num1);
            add(label);
            add(num2);
            add(button);
            add(num3);
            pack();//让按键适应大小
            setVisible(true);
        }
    }
//监听器类
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("");
    }
}

内部类

内部类最大的好处就是通畅访问外部类

package com.back.lesson02;

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


//计算器类
public class TestCalc {
    public static void main(String[] args) {
        new Calculator().loadFrame();
    }
}
class Calculator extends Frame{
        //属性
        TextField num1,num2,num3;
        //方法
        public void loadFrame(){
            //3个文本框
            num1 = new TextField(10);//字符数
            num2 = new TextField(10);//字符数
            num3 = new TextField(20);//字符数
            Button button = new Button("=");
            button.addActionListener(new MyCalculatorListener());
            Label label = new Label("+");
            setLayout(new FlowLayout());
            add(num1);
            add(label);
            add(num2);
            add(button);
            add(num3);
            pack();//让按键适应大小
            setVisible(true);
        }
    //监听器类
    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("");
        }
    }
}