No_16_0314 Java基础学习第十七天

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

    • 第十一章 GUI 图形界面编程
      • GUI图形用户界面概述
      • awt和swing包的概述
      • GUI继承体系图
      • GUI第一个案例
        • 事件监听机制
      • 事件监听机制流程
      • 适配器设计模式
      • 窗体布局
        • 流式布局FlowLayout
        • 边界布局
        • 卡片布局
        • 网格布局
        • 网格包布局
      • GUI案例
      • 菜单组件
        • 菜单组件概述
      • Netbeans工具的概述和基本使用
        • 模拟四则运算基本框架
        • 四则运算添加图标
        • 四则运算设置窗体居中
        • 修改皮肤
      • 对四则运算加入校验
      • 如何让Netbeans的东西Eclipse能访问
      • 成员变量的重构

第十一章 GUI 图形界面编程

GUI(图形用户界面)概述

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

awt和swing包的概述

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

GUI继承体系图

  • 组件:组件就是对象
    • 容器组件:是可以存储基本组件和容器组件的组件。
    • 基本组件:是可以使用的组件,但是必须依赖容器。
      No_16_0314 Java基础学习第十七天_第1张图片
  • 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.注册监听(受伤接口)

事件监听机制流程

No_16_0314 Java基础学习第十七天_第2张图片

适配器设计模式

  • 通过适配器设计模式改进窗口关闭案例
/* * 问题: * 接口(方法比较多) -- 实现类(仅仅使用一个,也得把其他的实现给提供了,哪怕是空实现) * 太麻烦了。 * 解决方案: * 接口(方法比较多) -- 适配器类(实现接口,仅仅空实现) -- 实现类(用哪个重写哪个) */
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)

No_16_0314 Java基础学习第十七天_第3张图片

边界布局

No_16_0314 Java基础学习第十七天_第4张图片

卡片布局

No_16_0314 Java基础学习第十七天_第5张图片

网格布局

网格包布局

No_16_0314 Java基础学习第十七天_第6张图片

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

菜单组件

No_16_0314 Java基础学习第十七天_第7张图片

菜单组件概述

  • 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类
    No_16_0314 Java基础学习第十七天_第8张图片

    • 组合框设置
      No_16_0314 Java基础学习第十七天_第9张图片
  • 第二步JFrame类源代码修改

    • 选中计算按钮做如下操作,并在Jbutton1ActionPerformed函数中做写如下代码。
      No_16_0314 Java基础学习第十七天_第10张图片
    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

成员变量的重构

No_16_0314 Java基础学习第十七天_第11张图片

你可能感兴趣的:(java,界面)