No_16_0314 Java基础学习第十七天

文档版本	开发工具	测试平台	工程名字	日期	作者	备注
V1.0				2016.03.14	lutianfei	none

第十一章 GUI 图形界面编程

GUI(图形用户界面)概述

• GUI
  
  • Graphical User Interface(图形用户接口)。
  • 用图形的方式，来显示计算机操作的界面，这样更方便更直观。
• CLI
  
  • Command line User Interface (命令行用户接口）
  • 就是常见的Dos命令行操作。
  • 需要记忆一些常用的命令，操作不直观。
• 举例：
  
  • 比如：创建文件夹，或者删除文件夹等

awt和swing包的概述

• java.awt：Abstract Window ToolKit (抽象窗口工具包)，需要调用本地系统方法实现功能。属重量级控件(移植性差)。
• javax.swing：在AWT的基础上，建立的一套图形界面系统，其中提供了更多的组件，而且完全由Java实现。增强了移植性，属轻量级控件(移植性强)。

GUI继承体系图

• 组件：组件就是对象
  
  • 容器组件：是可以存储基本组件和容器组件的组件。
  • 基本组件：是可以使用的组件，但是必须依赖容器。
    
• TextField ：单行多列文本框（eg：用户名输入框）
• TextArea ： 多行多列文本域（eg：个人介绍框）
• Window：没有边界和菜单栏的顶层窗口
• Frame：带有标题和边框的顶层窗口

GUI第一个案例

• Container常用子类：Window Panel（面板，不能单独存在。）
• Window常用子类：Frame Dialog

• 简单的窗体创建过程：

  • Frame f = new Frame(“my window”);
  • f.setLayout(new FlowLayout());
  • f.setSize(300,400);//设置窗体大小
  • f.setLocation(300,200);//设置窗体出现在屏幕的位置
  • f.setVisible(true);

• 第一个案例优化

import java.awt.Dimension;
import java.awt.Frame;
import java.awt.Point;

public class FrameDemo2 {
    public static void main(String[] args) {
        // 创建对象
        Frame f = new Frame("方法调用的前后关系");

        // f.setVisible(true);
        // try {
        // Thread.sleep(3000);
        // } catch (InterruptedException e) {
        // e.printStackTrace();
        // }

        // // f.setSize(400, 300);
        // // Dimension(int width, int height)
        // Dimension d = new Dimension(400, 300);
        // f.setSize(d);
        // // f.setLocation(400, 200);
        // // Point(int x, int y)
        // Point p = new Point(400, 200);
        // f.setLocation(p);
        // 一个方法搞定
        f.setBounds(400, 200, 400, 300);

        f.setVisible(true);
    }
}

事件监听机制：

• A:事件源 事件发生的地方
• B:事件 就是要发生的事情
• C:事件处理 就是针对发生的事情做出的处理方案
• D:事件监听 就是把事件源和事件关联起来

举例：人受伤事件。

    事件源：人（具体的对象）
        Person p1 = new Person("张三");
        Person p2 = new Person("李四");
    事件：受伤
        interface 受伤接口 {
            一拳();
            一脚();
            一板砖();
        }
    事件处理：
        受伤处理类 implements 受伤接口 {
            一拳(){ System.out.println("鼻子流血了，送到卫生间洗洗"); }
            一脚(){ System.out.println("晕倒了，送到通风处"); }
            一板砖(){ System.out.println("头破血流，送到太平间"); }
        }
    事件监听：
        p1.注册监听(受伤接口)

事件监听机制流程

适配器设计模式

• 通过适配器设计模式改进窗口关闭案例

/* * 问题： * 接口(方法比较多) -- 实现类(仅仅使用一个，也得把其他的实现给提供了，哪怕是空实现) * 太麻烦了。 * 解决方案： * 接口(方法比较多) -- 适配器类(实现接口,仅仅空实现) -- 实现类(用哪个重写哪个) */
public class UserDaoDemo {
    public static void main(String[] args) {
        UserDao ud = new UserDaoImpl();
        ud.add();
        // 我没有说我们需要四种功能都实现啊。
        UserDao ud2 = new UserDaoImpl2();
        ud2.add();
    }
}

public abstract class UserAdapter implements UserDao {

    @Override
    public void add() {
    }

    @Override
    public void delete() {
    }

    @Override
    public void update() {
    }

    @Override
    public void find() {
    }

}

public class UserDaoImpl2 extends UserAdapter {
    @Override
    public void add() {
        System.out.println("添加功能");
    }
}

窗体布局

流式布局（FlowLayout）

边界布局

卡片布局

网格布局

网格包布局

GUI案例

• 窗体关闭事件

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

public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象
        Frame f = new Frame("窗体关闭案例");

        // 设置窗体属性
        f.setBounds(400, 200, 400, 300);

        // 让窗体关闭
        //事件源
        //事件：对窗体的处理
        //事件处理：关闭窗口(System.exit(0));
        //事件监听
// f.addWindowListener(new WindowListener() {
// @Override
// public void windowOpened(WindowEvent e) {
// }
// 
// @Override
// public void windowIconified(WindowEvent e) {
// }
// 
// @Override
// public void windowDeiconified(WindowEvent e) {
// }
// 
// @Override
// public void windowDeactivated(WindowEvent e) {
// }
// 
// @Override
// public void windowClosing(WindowEvent e) {
// System.exit(0);
// }
// 
// @Override
// public void windowClosed(WindowEvent e) {
// }
// 
// @Override
// public void windowActivated(WindowEvent e) {
// }
// });

        //用适配器类改进
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        // 设置窗体可见
        f.setVisible(true);
    }
}

• 按钮点击事件

import java.awt.Button;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

/* * 需求：把按钮添加到窗体，并对按钮添加一个点击事件。 * A：创建窗体对象 * B:创建按钮对象 * C:把按钮添加到窗体 * D:窗体显示 */
public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象
        Frame f = new Frame("添加按钮");
        // 设置属性
        f.setBounds(400, 200, 400, 300);
        // 设置布局为流式布局
        f.setLayout(new FlowLayout());

        // 创建按钮对象
        Button bu = new Button("点我啊");
        // bu.setSize(20, 10);

        // 把按钮添加到窗体
        f.add(bu);

        // 设置窗体可以关闭
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        bu.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                System.out.println("你再点试试");
            }
        });

        // 窗体显示
        f.setVisible(true);
    }
}

• 把数据通过文本框转移到文本域

import java.awt.Button;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.TextArea;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象
        Frame f = new Frame("数据转移");
        // 设置窗体属性和布局
        f.setBounds(400, 200, 400, 300);
        f.setLayout(new FlowLayout());

        // 创建文本框
        final TextField tf = new TextField(20);
        // 创建按钮
        Button bu = new Button("数据转移");
        // 创建文本域
        final TextArea ta = new TextArea(10, 40);

        // 把组件添加到窗体
        f.add(tf);
        f.add(bu);
        f.add(ta);

        // 设置窗体关闭
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        // 对按钮添加事件
        bu.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                // 获取文本框的值
                String tf_str = tf.getText().trim();
                // 清空数据
                tf.setText("");

                // 设置给文本域
                // ta.setText(tf_str);
                // 追加和换行
                ta.append(tf_str + "\r\n");

                //获取光标
                tf.requestFocus();
            }
        });

        // 设置窗体显示
        f.setVisible(true);
    }
}

• 鼠标事件案例

import java.awt.Button;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象
        final Frame f = new Frame("更改背景色");
        // 设置窗体属性和布局
        f.setBounds(400, 200, 400, 300);
        f.setLayout(new FlowLayout());

        // 创建四个按钮
        Button redButton = new Button("红色");
        Button greenButton = new Button("绿色");
        Button buleButton = new Button("蓝色");

        // 添加按钮
        f.add(redButton);
        f.add(greenButton);
        f.add(buleButton);

        // 设置窗体关闭
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        // 对按钮添加动作事件
        // redButton.addActionListener(new ActionListener() {
        // @Override
        // public void actionPerformed(ActionEvent e) {
        // f.setBackground(Color.RED);
        // }
        // });

        // 对按钮添加鼠标点击事件
        // redButton.addMouseListener(new MouseAdapter() {
        // @Override
        // public void mouseClicked(MouseEvent e) {
        // f.setBackground(Color.RED);
        // }
        // });

        // 对按钮添加鼠标的进入事件
        redButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseEntered(MouseEvent e) {
                f.setBackground(Color.RED);
            }
        });

        redButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseExited(MouseEvent e) {
                f.setBackground(Color.WHITE);
            }
        });

        greenButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseEntered(MouseEvent e) {
                f.setBackground(Color.GREEN);
            }
        });

        greenButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseExited(MouseEvent e) {
                f.setBackground(Color.WHITE);
            }
        });

        buleButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseEntered(MouseEvent e) {
                f.setBackground(Color.BLUE);
            }
        });

        buleButton.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseExited(MouseEvent e) {
                f.setBackground(Color.WHITE);
            }
        });

        // 设置窗体显示
        f.setVisible(true);
    }
}

• 键盘事件案例

import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

/* * 你输入的如果是非数字字符，就取消你键盘录入的效果。 */
public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象并设置属性
        Frame f = new Frame("不能输入非数字字符");
        f.setBounds(400, 200, 400, 300);
        f.setLayout(new FlowLayout());

        // 创建Label标签对象
        Label label = new Label("请输入你的QQ号码，不能是非数字，不信你试试");
        TextField tf = new TextField(40);

        // 添加到窗体上
        f.add(label);
        f.add(tf);

        // 设置窗体关闭
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        // 给文本框添加事件
        tf.addKeyListener(new KeyAdapter() {
            @Override
            public void keyPressed(KeyEvent e) {
                // 如果你取得的字符不是数字字符就取消事件
                // 思路：先获取字符，判断字符，取消事件
                // char getKeyChar() 
                char ch = e.getKeyChar();
// System.out.println(ch);
                if(!(ch>='0' && ch<='9')){
                    e.consume();
                }
            }
        });

        // 设置窗体可见
        f.setVisible(true);
    }
}

菜单组件

菜单组件概述

• MenuBar : 菜单栏
• Menu ： 菜单
• MenuItem ： 菜单项
• 先创建菜单条，再创建菜单，每一个菜单中建立菜单项。
• 也可以菜单添加到菜单中，作为子菜单。
• 通过setMenuBar()方法，将菜单添加到Frame中。

import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Menu;
import java.awt.MenuBar;
import java.awt.MenuItem;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.io.IOException;

/* * 多级菜单 */
public class FrameDemo {
    public static void main(String[] args) {
        // 创建窗体对象并设置属性
        final Frame f = new Frame("多级菜单");
        f.setBounds(400, 200, 400, 300);
        f.setLayout(new FlowLayout());

        final String name = f.getTitle();

        // 创建菜单栏
        MenuBar mb = new MenuBar();
        // 创建菜单
        Menu m1 = new Menu("文件");
        Menu m2 = new Menu("更改名称");
        // 创建菜单项
        final MenuItem mi1 = new MenuItem("好好学习");
        final MenuItem mi2 = new MenuItem("天天向上");
        MenuItem mi3 = new MenuItem("恢复标题");
        MenuItem mi4 = new MenuItem("打开记事本");
        MenuItem mi5 = new MenuItem("退出系统");

        // 谁添加谁呢
        m2.add(mi1);
        m2.add(mi2);
        m2.add(mi3);

        m1.add(m2);
        m1.add(mi4);
        m1.add(mi5);

        mb.add(m1);

        // 设置菜单栏
        f.setMenuBar(mb);

        // 设置窗体关闭
        f.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });

        mi1.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                f.setTitle(mi1.getLabel());
            }
        });

        mi2.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                f.setTitle(mi2.getLabel());
            }
        });

        mi3.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                f.setTitle(name);
            }
        });

        mi4.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                Runtime r = Runtime.getRuntime();
                try {
                    r.exec("notepad");
                } catch (IOException e1) {
                    e1.printStackTrace();
                }
            }
        });

        mi5.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                System.exit(0);
            }
        });

        // 设置窗体可见
        f.setVisible(true);
    }
}

Netbeans工具的概述和基本使用

模拟四则运算基本框架

• 第一步建立JFrame类
  

  • 组合框设置
    

• 第二步JFrame类源代码修改

  • 选中计算按钮做如下操作，并在Jbutton1ActionPerformed函数中做写如下代码。
    

    private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
        // TODO 获取第一个操作数、操作符、第二个操作数
        String firstNumberString = this.firstNumber.getText().trim();
        String selectOperator = this.selectOperator.getSelectedItem().toString();
        String secondNumberString = this.secondNumber.getText().trim();

        //将字符串转化为整数
        int firstNumber = Integer.parseInt(firstNumberString);
        int secondNumber = Integer.parseInt(secondNumberString);
        int resultNumber = 0;

        switch(selectOperator){
            case "+":
                resultNumber = firstNumber + secondNumber;
                break;
            case "-":
                resultNumber = firstNumber - secondNumber;
                break;
            case "*":
                resultNumber = firstNumber * secondNumber;
                break;
            case "/":
                resultNumber = firstNumber / secondNumber;
                break;
        }

        this.result.setText(String.valueOf(resultNumber));

    }

* 在NewJframe类中的init()方法添加如下代码：
```java
    public NewJFrame() {
    initComponents();
    init();
}

private void init() {
    this.setTitle("模拟四则运算");
    //UiUtil.setFrameImage(this);
}
```

四则运算添加图标

• 第一步新建cn.itcast.resource包，将图片复制到此包下。
• 第二步新建cn.itcast.util界面管理包，新建UiUtil类添加如下代码。

import java.awt.Image;
import java.awt.Toolkit;
import javax.swing.JFrame;

/** * 专门做界面效果的包 * @author Administrator */
public class UiUtil {
      private UiUtil(){}

      //修改图标
      public static void setFrameImage(JFrame jf){
          //获取工具类对象
         Toolkit tk = Toolkit.getDefaultToolkit(); 

         //根据路径获取图片
         Image i = tk.getImage("src\\cn\\itcast\\resource\\jjcc.jpg");

         //给窗体设置图标
         jf.setIconImage(i);
      }

}

• 第三步在NewJframe类中的init()方法添加如下代码：

    public NewJFrame() {
        initComponents();
        init();
    }

    private void init() {
        this.setTitle("模拟四则运算");
        UiUtil.setFrameImage(this);
    }

四则运算设置窗体居中

• 第一步在cn.itcast.util界面管理包，UiUtil类添加如下代码。

    //设置窗体居中
    public static void setFrameCenter(JFrame jf) {
        /* 思路： A:获取屏幕的宽和高 B:获取窗体的宽和高 C:(用屏幕的宽-窗体的宽)/2，(用屏幕的高-窗体的高)/2作为窗体的新坐标。 */
        //获取工具对象
        Toolkit tk = Toolkit.getDefaultToolkit();

        //获取屏幕的宽和高
        Dimension d = tk.getScreenSize();
        double srceenWidth = d.getWidth();
        double srceenHeigth = d.getHeight();

        //获取窗体的宽和高
        int frameWidth = jf.getWidth();
        int frameHeight = jf.getHeight();

        //获取新的宽和高
        int width = (int) (srceenWidth - frameWidth) / 2;
        int height = (int) (srceenHeigth - frameHeight) / 2;

        //设置窗体坐标
        jf.setLocation(width, height);
    }

• 第三步在NewJframe类中的init()方法添加如下代码：

    private void init() {
        this.setTitle("模拟四则运算");
        UiUtil.setFrameImage(this);
        UiUtil.setFrameCenter(this);
    }

修改皮肤

• 第一步导入皮肤包：讲课件中准备好的皮肤包导入
  

• 第二步加入MyLookAndFeel文件
  

• 第三步在main方法中添加如下代码,并选择将语句包含在try-catch中
  UIManager.setLookAndFeel(MyLookAndFeel.LIQUIDINF);
  

对四则运算加入校验

• 在main方法中加入如下代码：

        //数据校验,必须是数字字符串
        String regex = "\\d+";

        //校验第一个数
        if (!firstNumberString.matches(regex)) {
// System.out.println("数据不匹配");
            //public static void showMessageDialog(Component parentComponent,Object message)
            JOptionPane.showMessageDialog(this, "第一个操作数不满足要求必须是数字");
            this.firstNumber.setText("");
            this.firstNumber.requestFocus();
            return;//回去吧
        }

        if (!secondNumberString.matches(regex)) {
// System.out.println("数据不匹配");
            //public static void showMessageDialog(Component parentComponent,Object message)
            JOptionPane.showMessageDialog(this, "第二个操作数不满足要求必须是数字");
             this.secondNumber.setText("");
            this.secondNumber.requestFocus();
            return;//回去吧
        }

如何让Netbeans的东西Eclipse能访问。

• 在Eclipse中创建项目，把Netbeans项目的src下的东西给拿过来即可。
• 注意：修改项目编码为UTF-8

成员变量的重构