黑马程序员--GUI(用户图形界面)

-----------android培训、java培训、java学习型技术博客、期待与您交流！------------ 

GUI(用户图形界面)

一、概述

1、GUI：GraphicalUser Interface，即图形用户界面，用于计算机与用户交互的一种方式。

2、计算机与用户交互的两种方式：GUI和CLI

        GUI： Graphical User Interface，图形用户接口，用图形方式，来显示计算机操作界面，方便直观。

        CLI： Command LineUser Interface，命令行用户接口，即常见的Dos命令行操作，须记住一些命令，操作不直观。

3、java也将这种界面封装为对象，其中的对象都放在了两个包中：java.Awt包和javax.Swing包。

        java.Awt包：Abstract Window Toolkit，即抽象窗口工具包。要调用本地系统方法实现功能，属重量级控件。

        javax.Swing包：在AWT的基础上建立的一套图形界面系统，其中提供了更多的组件，且完全由java实现，增强了移植性，属轻量级控件。

通俗的说：

在实际应用中，我们见到的许多应用界面都属于GUI图形型用户界面。如：我们点击QQ图标，就会弹出一个QQ登陆界面的对话框。这个QQ图标就可以被称作图形化的用户界面。

1、Command line UserInterface (命令行用户接口）

就是常见的Dos命令行操作。

需要记忆一些常用的命令，操作不直观。

举例：

比如：创建文件夹，或者删除文件夹等

例如MS-DOS

2、图形用户界面（GUI,Graphical User Interface ）是指以图形化方式与用户进行交互的程序运行界面，例如MicrosoftWindows、Word等。

   优点：更友好、更丰富，且提供灵活、强大的人机交互功能，成为当前应用程序设计的主流。

在ＧＵＩ程序设计中，组件（Component）是GUI的基本组成元素，凡是能够以图形化方式显示在屏幕上并能与用户交互的对象均为组件。

如下图：均为ＧＵＩ界面的组件

 

　　　

   另外，在JDK的java.awt包中定义了多种GUI组件类，如Window、Menu、Button、Label、TextField、Scrollbar等。

 

这些抽象类，定义了GUI 组件的基本特性和功能

 

由上图可以看出，ＧＵＩ中的组件可分为：

　

其中，需要注意的是：

　　１.　Container类描述了容器组件的所有性质；

２.它继承于Component类，因此容器类对象本身也是一个组件，具有组件的所有性质，但反过来组件却不一定是容器；

３.控制组件要想显示出来必须放置在容器组件中

其中，容器类型的组件在java.awt包下可以见到。这里，需要注意在AWT中存在两种主要的容器类型：

１.　java.awt.Window
描述的是一个没有边框和菜单栏、可自由停靠的顶层容器（是指不允许将其包含于其他的容器中），一般不直接使用该类，而是使用其子类Frame。

 

２.java.awt.Panel
最简单而常用的容器，可作为容器包含其他组件，但不能独立存在，必须被添加到其它容器中。

案例：

　　示例1：第一个GUI应用程序。

importjava.awt.*;
classTestFirstFrame{
      public static void main(String args[]){
       Frame frame=new Frame("第一个图形用户界面应用程序");／／容器
       Label lbl=new Label("这是我的第一个图形用户界面！");／／控制组件
       lbl.setBackground(Color.pink);
       frame.setLayout(new FlowLayout());
       frame.add(lbl);       ／／将控制组件添加到容器中
       frame.setSize(200,100);
       frame.setVisible(true);
      }
}

 

应注意的是：

１.　Frame 默认的大小为刚好容纳下标题条和最小(大)化、关闭按钮，setSize()可设置Frame大小。

２.Frame窗口默认是不可见的，可使用setVisible(true|false)方法使之可见或隐藏。

３．组件在容器中的摆放位置由布局管理器决定，Frame使用setLayout()方法可以设置窗口的布局。

４.FlowLayout—流式布局管理，特点是组件在容器中按照加入次序逐行定位，行内从左到右，一行排满后换行。

实例２.容器组件Panel的使用。

       Frame frame=new Frame("容器Panel的使用");

       Panel panel=new Panel();

       Button btn=new Button("确定");

       panel.setBackground(Color.cyan);

       panel.setSize(100,50);

       panel.setLocation(40,40);

       frame.setLayout(null);

       frame.add(panel);

       panel.add(btn);

       frame.setLocation(80,100);

       frame.setSize(200,100);

       frame.setVisible(true);

这里，应注意：

１.frame的默认布局理器被取消，人工设置了panel的尺寸大小和在容器中的位置；

２.setSize()方法用于设置组件尺寸大小，即宽度和高度，单位为像素；

３.setLocation()方法用于设置组件在容器中的位置，即组件的左上角，即组件的左上角顶点坐标，单位也是像素。

４.各个GUI容器都拥有自己的坐标系统（计算机的显示器屏幕也是一种GUI容器）

 

位置关系如图：

通过上图我们可以看到，布局在ＧＵＩ程序设计中的地位是十分重要的。在ＧＵＩ程序设计中容器对其中所包含组件的排列方式，包括组件的位置和大小的设定，被称为容器的布局（Layout）。它是指系统事先定义好的若干容器布局效果，使用它们可以方便地实现组件在容器的布局管理，并能够满足各种常规需要。例如，FlowLayout等。

注意：

　每一个容器都有默认的布局管理器，在创建一个容器对象时，同时也会创建一个相应的默认布局管理器对象，用户也可以随时为容器创建和设置新的布局管理器。 
方法：

容器对象.setLayout(布局管理器对象) 
布局管理器  容器对象.getLayout()

 

因此，了解常用布局管理器就显得十分重要

FlowLayout：流式布局，是Panel（及其子类）类型容器的默认布局管理器类型。

布局效果：组件在容器中按照加入次序逐行定位，行内从左到右，一行排满后换行。组件按原始大小进行显示。

构造方法
public FlowLayout()／／默认居中对齐，5个像素的水平和垂直间距
public FlowLayout(int align)／／指定对齐方式
public FlowLayout(int align,int hgap,int vgap)／／组件的水平和垂直间距

其中，对齐方式可以使用FlowLayout类中定义静态常量来设定，主要包括：
FlowLayout.LEFT     左对齐
FlowLayout.RIGHT    右对齐
FlowLayout.CENTER     居中对齐

示例1：流式布局的使用。

f.setLayout(new FlowLayout());

f.add(button1);

f.add(button2);

f.add(button3);

效果如图：

　　　　　　

注意：

当容器f的尺寸被重置时，其中组件的位置也随之进行了调整，但组件的尺寸维持不变。

BorderLayout：边界布局，是Window及其子类类型容器的默认布局管理器。

布局效果：将整个容器范围划分成East、West、South、North、Center五个区域，组件只能被添加到指定的区域。

如图：

值得注意的是：

　　１.　每个区域只能加入一个组件，如加入多个，则先前加入的组件会被遗弃 。

　　２.　在使用边界布局的容器中，组件的尺寸也被布局管理器强行控制，即与其所在区域的尺寸相同。

构造方法
public BorderLayout()
public BorderLayout(int hgap,int vgap)

示例2：BorderLayout的使用。

f.setLayout(new BorderLayout());／／该语句去掉也可，Frame默认布局为BorderLayout

／／向容器的不同方位添加组件，也可使用BorderLayout中定义的String常量来表示，例，NORTH、SOUTH、WEST、EAST等。

 

f.add(btnNorth,"North");

f.add(btnSouth,"South");

f.add(btnWest,"West");

f.add(btnEast,"East");

f.add(btnCenter,"Center");／／如不指名组件的加入位置，则默认加入到Center区域。

注意：

１．当容器的尺寸发生变化时，其中各组件相对位置不变，尺寸随所在区域进行缩放调整；

２．调整原则：北、南两个区域只能在水平方向缩放(宽度可调)，东、西两个区域只能在垂直方向缩放(高度可调)，中部区域都可缩放。

在实际学习过程中，我们需要了解Conpoment类的基本属性和操作方法：

事件监听机制★★★

事件监听机制的组成：

事件：用户在界面上的某一个操作，通常使用各种输入设备，如鼠标、键盘等。

事件源：产生事件的组件，例如在一个按钮上的单击就是事件源

监听器：包含事件处理器，负责检查事件是否发生，若发生则激活事件处理器对其处理

事件处理：引发事件后的处理方式。

2、使用说明

        组成的前三个在java中都已将定义好了，直接获取其对象来用即可，我们需要做的就是对产生的动作进行处理。

步骤：

        1）确定事件源（容器或组件）。通过事件源对象的addXXXListener()方法将监听器注册到该事件源上。该方法中接收XXXListener的子类对象，或者XXXListener的子类XXXAdapter的子类对象。

        2）一般用匿名内部类来表示。在覆盖方法的时候，方法的参数一般是XXXEvent类型的变量接收。

如：

f.addWindowlistener(new WindowAdapter()  
{  
     public void windowClosing(WindowEvent e)  
     {  
          System.exit(0);//表示关闭窗口  
     }  
});  

说明：

        1）事件触发后会把事件打包成对象传递给复写方法中参数的变量。（其中包括事件源对象。通过getSource()或者，getComponent()获取。）

        2）若用子类实现WindowListener接口，就需要覆盖其中的7个方法，可只用到其中的关闭动作，其他动作未用到，但却必须重写全部。因为WindowLister的子类WindowAdapter（适配器）已经实现此接口，并覆盖了其中所有方法。那么只需继承WindowAdapter，覆盖需要的方法即可。

        3）明确事件，并对事件进行处理，其实，添加什么监听器就需要添加什么事件。

示例：

/* 
需求：让窗体的关闭功能实现 
      让按钮也具备退出程序的功能 
*/  
  
import java.awt.*;  
import java.awt.event.*;  
  
class  AwtEventDemo  
{  
    //定义该图形界面所需的组件的引用  
    private Frame f=null;  
    private Button but=null;  
  
    //初始构造函数  
    AwtEventDemo()  
    {  
        init();  
    }  
  
    //窗体创建与功能实现  
    public void init()  
    {  
        //实例化组件  
        f=new Frame("my Frame");  
        but=new Button("my Botton");  
  
        //窗口的基本设置  
        //f.setSize(500,300);//设置大小  
        //f.setLocation(300,200);//窗口初始显示位置  
        f.setBounds(350,300,300,200);//一起设置窗体大小和位置  
        f.setLayout(new FlowLayout());//设置为流式布局  
  
        //将按钮组件添加进窗体  
        f.add(but);  
  
        //加载窗体上事件  
        myEvent();  
  
        //显示窗体  
        f.setVisible(true);  
  
    }  
  
    //注册事件  
    private void myEvent()  
    {  
        //窗体的关闭功能  
        f.addWindowListener(new WindowAdapter()  
        {  
            public void windowClosing(WindowEvent e)  
            {  
                System.out.println("窗口关闭");  
                System.exit(0);//关闭窗口程序  
            }  
        });  
  
        //让按钮具备退出程序的功能  
        /* 
        按钮就是事件源。 
        那么选择哪个监听器呢？ 
        通过关闭窗体示例了解到，想要知道哪个组件具备什么样的特有监听器。 
        需要查看该组件对象的功能。 
         通过查阅button的描述。发现按钮支持一个特有监听addActionListener。 
         */  
        but.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                System.out.println("按钮控制窗口关闭");  
                System.exit(0);//关闭窗口程序  
            }  
        });  
    }  
  
    public static void main(String[] args)   
    {  
        //运行窗体程序  
        new AwtEventDemo();  
    }  
}

应用

一、对话框：Dialog

1、何时需要产生对话框：此对象时需要在调用时，才创建对象的，如：当在误操作的时候，就会出现提示错误信息的对话框，此时才创建的这个对象。

二、菜单：Menu

1、Menu：菜单，Menu extends MenuItem；有右三角的图标存在，可添加Menu和MenuItem

2、MenuBar：菜单栏，可添加菜单和条目

3、MenuItem：条目，及菜单项目，无右三角的图标存在，是最终的菜单项。

4、菜单的事件处理和组件一样，可以对类型为MenuItem和Menu的对象这个事件源添加活动监听ActionListener，并进行相关的事件处理。

示例：

三、jar包双击执行：

既然是图形化界面，就需要通过图形化界面的形式运行程序，而不是是用Dos命令行执行，那么如何通过双击程序就执行程序呢？这就需要将程序的class文件打包，步骤如下：

1、首先要在java文件中导入一个包，没有则需创建一个包，如package mymenu;

2、生成包：通过编译javac -d c:\myclass MyMenu.java，此时则在c盘下的myclass文件夹下生成了所有的.class文件

3、在此目录下新建一个文件，如1.txt或者其他任意名称任意扩展名的文件都可，然后在其中编辑固定的格式：“Main-Class: mymenu.MenuDemo”，只写引号中的内容。需要需要在冒号后有一个空格，在文件末尾要回车。

4、编译：jar -cvfm my.jar 1.txt mymenu即可。如果想添加其他信息，则直接编译jar即可得出相应的命令

5、此时双击即可执行。

说明：

1）在固定格式中：

a.如果无空格：在编译的时候，就会报IO异常，提示无效的头字段，即invalid header field。这说明1.txt在被IO流读取。

b.如果无回车：在列表清单.MF中不会加入相应的加载主类的信息，也就是说配置清单的属性主类名称不会加载进清单中，也就不会执行。

2）jar文件必须在系统中注册，才能运行。注册方法如下：

A.对于XP系统：

   a.打开任意对话框，在菜单栏点击工具按钮，选择文件夹选项

   b.选择新建--->扩展名，将扩展名设置为jar，确定

   c.选择高级，可更改图标，然后点击新建，命名为open，

   d.在用于可执行应用程序中，点浏览，将jdk下的bin的整个文件路径添加进来，并在路径后添加-jar即可。

B.对于win7系统：

   a.改变打开方式：右击.jar文件，点击打开方式，选择默认程序为jdk下bin中的javaw.exe应用程序。

   b.修改关联程序的注册表：打开注册表（win+r），找到注册表路径\HKEY_CLASSES_ROOT\Aplications\javaw.exe\shell\open\command下的字符串值，右击点修改，将值改为："C:\Program Files\Java\jre6\bin\javaw.exe" -jar "%1"其中-jar前的路径就是javaw.exe的路径。保存

   c.双击即可执行jar程序，如果仍不能执行，则需下载最新版的jdk。

示例一：

打开指定目录下的目录条目

import java.awt.*;  
import java.awt.event.*;  
import java.io.*;  
  
class  MyWindowDemo  
{  
    //创建全局变量  
    private Frame f;  
    private Button but;  
    private TextField tf;  
    private TextArea ta;  
  
    private Dialog d;  
    private Label lab;  
    private Button okBut;  
  
    //构造函数，初始化窗体  
    MyWindowDemo()  
    {  
        init();  
    }  
    //创建窗体和组件，并将事件添加进来  
    public void init()  
    {  
        //设置窗体  
        f = new Frame("my window");  
        f.setBounds(300,200,600,500);  
        f.setLayout(new FlowLayout());  
        //创建组件  
        but = new Button("转到");  
        tf = new TextField(60);  
        ta = new TextArea(25,75);  
  
        d = new Dialog(f,"提示信息-self",true);  
        d.setBounds(300,100,300,150);  
        d.setLayout(new FlowLayout());  
        lab = new Label();  
        okBut = new Button("确定");  
  
        //将组件添加到窗体  
        f.add(tf);  
        f.add(but);  
        f.add(ta);  
          
        d.add(lab);  
        d.add(okBut);  
  
        //添加事件  
        myEvent();  
        //设置窗体可见  
        f.setVisible(true);  
    }  
    //常见引发的时间  
    private void myEvent()  
    {  
        //给but添加一个活动监听器  
        but.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                showInfo();  
            }  
        });  
        okBut.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                d.setVisible(false);  
            }  
        });  
        //给文本框添加键盘事件  
        tf.addKeyListener(new KeyAdapter()  
        {  
            public void keyPressed(KeyEvent e)  
            {  
                if(e.getKeyCode()==KeyEvent.VK_ENTER)  
                    showInfo();  
            }  
        });  
        //关闭窗体事件  
        f.addWindowListener(new WindowAdapter()  
        {  
            public void windowClosing(WindowEvent e)  
            {  
                System.exit(0);  
            }  
        });  
        //给对话框添加一个监听器，关闭对话框事件  
        d.addWindowListener(new WindowAdapter()  
        {  
            public void windowClosing(WindowEvent e)  
            {  
                d.setVisible(false);  
            }  
        });  
    }  
    //操作文件，对文件夹的内容读取  
    private void showInfo()  
    {  
        String dirPath = tf.getText();  
        File file = new File(dirPath);  
        if(file.exists()&&file.isDirectory())  
        {  
            ta.setText("");  
            String[] names = file.list();  
            for(String name : names)  
            {  
                ta.append(name + "\r\n");  
            }  
        }  
        else  
        {  
            String info = "您输入的:“"+dirPath+"”是错误的路径，请重输";  
            lab.setText(info);  
            d.setVisible(true);  
        }  
    }  
  
    public static void main(String[] args)   
    {  
        new MyWindowDemo();  
    }  
} 

示例二：

打开文件，将内容显示在文本框中，并将写入文本框中的内容保存

/* 
菜单练习 
 
*/  
package mymenu;  
import java.awt.*;  
import java.awt.event.*;  
import java.io.*;  
public class MenuDemo   
{  
    //设置全局变量  
    private Frame f;  
    private MenuBar bar;  
    private TextArea ta;  
    private Menu fileMenu;  
    private MenuItem closeMT,submu,openItem,saveItem;  
  
    private FileDialog openDia,saveDia;  
  
    private File file;  
      
    //初始化菜单项  
    MenuDemo()  
    {  
        init();  
    }  
    //初始化窗体和组件  
    public void init()  
    {  
        //初始化窗体frame  
        f = new Frame("my Menu");  
        f.setBounds(300,100,600,500);  
          
        //初始化菜单项  
        bar = new MenuBar();  
        ta = new TextArea();  
        fileMenu = new Menu("文件");  
        submu = new MenuItem("子条目");  
        openItem = new MenuItem("打开");  
        saveItem = new MenuItem("保存");  
        closeMT = new MenuItem("退出");  
          
        //将组件加入到文件菜单这个容器组件中  
        fileMenu.add(submu);  
        fileMenu.add(openItem);  
        fileMenu.add(saveItem);  
        bar.add(fileMenu);  
        f.setMenuBar(bar);  
        fileMenu.add(closeMT);  
  
        openDia = new FileDialog(f,"我要打开",FileDialog.LOAD);  
        saveDia = new FileDialog(f,"我要保存",FileDialog.SAVE);  
          
        f.add(ta);  
        //添加事件  
        myEvent();  
        //设置窗体可见性  
        f.setVisible(true);  
    }  
      
    //添加事件  
    private void myEvent()  
    {  
        //添加窗体监听，关闭按钮  
        f.addWindowListener(new WindowAdapter()  
        {  
            public void windowClosing(WindowEvent e)  
            {  
                System.exit(0);  
            }  
        });  
        //添加退出菜单项目的监听，退出程序  
        closeMT.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                System.exit(0);  
            }  
        });  
        //添加打开和保存文件的监听，获取文件  
        //打开事件  
        openItem.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                //显示对话框，并获取文件路径及文件名  
                openDia.setVisible(true);  
                String dirPath = openDia.getDirectory();  
                String fileName = openDia.getFile();  
                //判断文件及路径是否存在  
                if(dirPath==null || fileName==null)  
                    return ;  
                //在打开一个文件前先清空文本框的内容  
                ta.setText("");  
                file = new File(dirPath,fileName);  
                BufferedReader bufr = null;  
                try  
                {  
                    //读取文件中的内容  
                    bufr = new BufferedReader(new FileReader(file));  
                    String line = null;  
                    while((line=bufr.readLine())!=null)  
                    {  
                        ta.append(line+"\r\n");  
                    }  
                }  
                catch (IOException ex)  
                {  
                    throw new RuntimeException("读取失败");  
                }  
                finally  
                {  
                    try  
                    {  
                        if(bufr!=null)  
                            bufr.close();  
                    }  
                    catch (IOException ex)  
                    {  
                        throw new RuntimeException("关闭流失败");  
                    }  
                }  
            }  
        });  
  
        //保存事件  
        saveItem.addActionListener(new ActionListener()  
        {  
            public void actionPerformed(ActionEvent e)  
            {  
                if(file==null)  
                {  
                    //显示对话框，并获取文件名及路径  
                    saveDia.setVisible(true);  
                    String dirPath = saveDia.getDirectory();  
                    String fileName = saveDia.getFile();  
                    if(dirPath==null || fileName==null)  
                        return ;  
                    file = new File(dirPath,fileName);  
                    BufferedWriter bufw = null;  
                    try  
                    {  
                        //写入文本框中的内容  
                        bufw = new BufferedWriter(new FileWriter(file));  
                        String text = ta.getText();  
                        bufw.write(text);  
                        bufw.flush();                             
                    }  
                    catch (IOException ex)  
                    {  
                        throw new RuntimeException("写入失败");  
                    }  
                    finally  
                    {  
                        try  
                        {  
                            if(bufw!=null)  
                                bufw.close();  
                        }  
                        catch (IOException ex)  
                        {  
                            throw new RuntimeException("关闭流失败");  
                        }  
                    }  
                }  
            }  
        });  
  
    }  
    public static void main(String[] args)   
    {  
        new MenuDemo();  
    }  
}