16.GUI【图形用户界面】

 

                                                 GUI-图形用户界面

 

一、概述

1. GUI:

    GraphicalUser Interface,中文称为图形用户界面。用图形的方式,来显示计算机操作的界面,这样更方便更直观。

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

     CLICommand LineUser Interface,中文翻译为命令行用户接口,即常见的DOS命令行操作。这种交互方式需要用户注意一些常用的命令行,操作不直观。

3.Java将GUI这种界面封装为对象,并放在两个包中:java.Awt包和javax.Swing包。

    java.Awt包:Abstract Window Tookit,抽象窗口工具包。需要调用本地系统方法实现功能,属于重量级控件。

    javax.Swing包:在Awt包的基础上建立的一套图形界面系统其中提供了更多的组件,且完全由Java增强了移植性,属于轻量级控件。

二、继承关系图

    

Container:为容器,是一个特殊的组件,该组件中可以通过add方法添加其他组件进来。

Container常用子类:Window Panel(面板,不能单独存在)。

Window常用子类:Frame Dialog

 

三、布局管理器

1. 定义:容器中的组件排列方式,就是布局。

2. 常见的布局管理器:

   1FlowLayout:流式布局管理器。从左向右排列,是Panel默认的布局管理器

   2BorderLayout:边界式布局管理器,东南西北中的排列方式,是Frame的默认布局管理器。如果

                                   窗体中只有一个组件,将会覆盖整个窗体。

  3GridLayout:网格式布局管理器,规则的矩阵

  4CardLayout:卡片式布局管理器,即选项卡

  5GridBayLayout:网格包布局管理器,非规则矩阵

3.如果存在多种布局方式,如何创建窗体界面呢?

    步骤:

            1)先将窗体Frame进行大区域的划分,设置其布局管理器,加入面板Panel。

            2)将组件加入Panel,设置面板的布局管理器。

 

四、简单的窗体创建过程

1.创建Frame窗体

   Frame f = new Frame(“my Frame”);可设置标题,即窗体名字。

2.对窗体进行基本设置,如大小,位置,布局等。

  f.setSize(intwight,int hight);窗体大小设置。

  f.setLocation(intx,int y);窗体显示位置设置,横纵坐标。

  f.setBounds(intx,int y,int wight,int hight),也可以直接用这个方法对大小和位置设置。

  f.setLayout(Layoutlayout),参数为指定的布局管理器,如FlowLayout

3.定义所需组件

   如Buttonb = new Button(“my Button”);可设置组件的名称。

4.将组件通过窗体的add方法添加到窗体中

   f.add(b);将按钮组件添加进窗体。

5.让窗体显示

f.setVisible(booleanb);通过设置参数是true还是false是否显示窗体。

 

五、事件监听机制

1. 组成:

1)事件源(组件):awt或swing包中的那些图形界面组件。

2)事件(Event):每一个事件源都有自己特有的对应事件和共性事件。

3)监听器(Listener):将可触发某一事件的动作(不只一个动作),都封装到侦听器中。

4)事件处理:引发事件后的处理方式。

 

事件源、事件、监听器这个在Java内部已经定义好,直接获取其对象使用即可。我们需要做的就是对产生的动作进行处理。

2.如何处理产生的动作?

   步骤:第一,确定事件源(容器或组件)。通过事件源对象的addXXXListener()方法将监听器注册到该事件源上。该方法中接收

                   XXXListener的子类对象,或者XXXListener的子类XXXAdapter的子类对象。一般用匿名内部类来表示。

         第二.在覆盖方法的时候,方法的参数一般是XXXEvent类型的变量接收。

代码示例:

 

<span style="font-size:18px;">f.addWindowlistener(new WindowAdapter()
{
     public void windowClosing(WindowEvent e)
     {
          System.exit(0);//表示关闭窗口
     }
});
</span>

说明:

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

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

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

说明:

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

             获取。)

        2)若用子类实现WindowListener接口,就需要覆盖其中的7个方法,可只用到其中的关闭动作,其他动作未用到,但却必须重写

            全部。因为WindowLister的子类WindowAdapter(适配器)已经实现此接口,并覆盖了其中所有方法。那么只需继承

            WindowAdapter,覆盖需要的方法即可。

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

 

练习:模拟鼠标和键盘

<span style="font-size:18px;">/*
 * 鼠标和键盘监听是很多组件都有的。所以要放到component.
 * 
 * 鼠标:按下和释放可以分开。是两个动作。比如关闭界面时突然又不想关,可以不释放,并移动鼠标。
 */
import java.awt.Button;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.TextField;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class MouseAndKeyDemo {

	//先明确组件。需要用到时才初始化。
	private Frame f;
	private TextField tf;
	private Button but;
	public MouseAndKeyDemo(){
		init();
	}
	
	public void init() {
		//创建窗体
		f = new Frame("演示鼠标和键盘监听");
		//设置边界
		f.setBounds(400,200,500,400);
		//设置布局
		f.setLayout(new FlowLayout());
		
		tf = new TextField(35);
		
		but = new Button("一个按钮");
		//添加组件
		f.add(tf);
		f.add(but);
		
		myEvent();
		//设置窗体可见
		f.setVisible(true);
	}

	
	private void myEvent() {
		//添加关闭效果
		f.addWindowListener(new WindowAdapter() {

			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
			
		});
		
		//在按钮上添加一个鼠标监听
		but.addMouseListener(new MouseAdapter(){

			private int count = 0;//记录触发次数
//			@Override//鼠标进入
//			public void mouseEntered(MouseEvent e) {
//				
//				System.out.println("Mouse enter..."+count++);
//				tf.setText("Mouse enter..."+count++);//显示在文本框中
//			}
			@Override//鼠标单击,双击
			public void mouseClicked(MouseEvent e) {
				if(e.getClickCount()==2)//设置双击。在MouseEvent中。
					tf.setText("Mouse doubleclick..."+count++);//显示在文本框中
			}
			
			
		});
		
		//给文本框添加键盘监听
		tf.addKeyListener(new KeyAdapter(){

			/*
			 * e.getKeyChar():获取键盘字符。
			 * e.getKeyCode():获取键盘字符对应的ASII码。
			 * KeyEvent。getKeyText():获取键名称。
			 * KeyEvent里将所有的键定义成常量,方便应用。
			 * 
			 */
			@Override
			public void keyPressed(KeyEvent e) {
//				System.out.println("key pressed..."+KeyEvent.getKeyText(e.getKeyCode())+":::"+e.getKeyCode());
				
				//输入数字
				int code = e.getKeyCode();
				if(!(code>=KeyEvent.VK_0 && code<=KeyEvent.VK_9)){
					System.out.println("必须是数字");
					e.consume();//可以不用默认的事件。在这里就是:不是数字的,就不输入到文本框。
				}
				
				//控制组合键。
				if(e.isControlDown() && e.getKeyCode()==KeyEvent.VK_ENTER){
					System.out.println(" enter run...");
				}
			}
		});
	}
	//主函数,创建鼠标键盘对象
	public static void main(String[] args) {
		new MouseAndKeyDemo();
	}

}</span>


六、应用

1.对话框(Dialog)

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

对话框练习

<span style="font-size:18px;">/*
列出指定目录下的内容,当输入的路径不正确时,给出错误提示信息。
*/

import java.io.*;
import java.awt.*;
import java.awt.event.*;

class MyWindowDemo 
{
	//定义所需组件引用
	private Frame f;
	private Button but,bok;
	private TextField tf;
	private TextArea ta;
	private Dialog d;
	private Label lab;

	//构造函数
	MyWindowDemo()
	{
		init();
	}

	//窗体基本设置于功能实现
	public void init()
	{
		//组件实例化
		f=new Frame("我的Window");
		but=new Button("跳转");
		tf=new TextField(50);
		ta=new TextArea(30,60);

		//基本设置
		f.setBounds(300,150,500,500);
		f.setLayout(new FlowLayout());

		//添加组件
		f.add(tf);
		f.add(but);
		f.add(ta);

		//窗体事件
		myEvent();

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

	//注册事件
	public void myEvent()
	{
		//窗体关闭功能
		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.exit(0);
			}
		});

		//“跳转”按钮事件
		but.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				showFile();//列出目录内容在文本区中
			}
		});

		

		//文本框键盘事件
		tf.addKeyListener(new KeyAdapter()
		{
			public void keyPressed(KeyEvent e)
			{
				//如果键盘按下Enter键,就将目录内容显示在文本区中
				if(e.getKeyCode()==KeyEvent.VK_ENTER)
					showFile();
			}
		});
	}

	//目录内容显示在文本区中方法
		private void showFile()
		{
			String path=tf.getText();//获取输入的路径
			File dir=new File(path);//将路径封装成对象
			//判断输入的路径是否存在,且是否是文件夹
			if (dir.exists()&&dir.isDirectory())
			{
				ta.setText("");//清空文本区中的内容---------
				
				String names[]=dir.list();//列出目录下的内容
				//遍历
				for (String name : names )
				{
					ta.append(name+"\r\n");//添加进文本区中
				}
			}
			else
			{
				//对话框基本设置
				d=new Dialog(f,"错误提示",true);
				d.setBounds(400,200,280,150);
				d.setLayout(new FlowLayout());

				bok=new Button("确定");
				lab=new Label();

				//添加按钮和文本
				d.add(bok);
				d.add(lab);


				//对话框关闭事件
				d.addWindowListener(new WindowAdapter()
				{
					public void windowClosing(WindowEvent e)
					{
						d.setVisible(false);//退出对话框
					}
				});

				//“确定”按钮事件
				bok.addActionListener(new ActionListener()
				{
					public void actionPerformed(ActionEvent e)
					{
						d.setVisible(false);//按确认键,退出对话框
					}
				});


				String info="您输入的路径:"+path+"是错误的,请重输!";

				lab.setText(info);//设置标签文本内容
				d.setVisible(true);//显示对话框
			}
		}

	public static void main(String[] args) 
	{
		//运行窗体
		new MyWindowDemo();
	}
}
</span>


 

2.菜单(Menu)

   菜单的关系图

 

  • Menu:菜单,继承MenuItem;有右三角的图标存在,可添加MenuMenuItem
  • MenuBar:菜单栏,可添加菜单和菜单条目。一般先创建菜单栏,再创建菜单。
  • MenuItem:菜单条目,也称菜单项,无右三角的图标存在,是最终的菜单项。
  • 菜单的事件处理和组件一样,可以对类型为MenuItemMenu的对象这个事件源添加活动监听ActionListener,并进行相关的事件处理。
  • 通过setMenuBar()方法,将菜单添加到Frame中。

菜单练习

<span style="font-size:18px;">import java.awt.*;
import java.awt.event.*;

class MyMenuDemo 
{
	//定义组件引用
	private Frame f;
	private MenuBar mb;
	private Menu m,subMenu;
	private MenuItem closeItem,subItem;
	//构造函数
	MyMenuDemo()
	{
		init();
	}
//窗体设置与功能实现	
	public void init()
	{
		//窗体设置
f = new Frame("my window");
		f.setBounds(300,100,500,600);
		f.setLayout(new FlowLayout());
	
		mb = new MenuBar();//创建菜单条
		m = new Menu("文件");//创建菜单
		subMenu = new Menu("子菜单");//菜单下面的子菜单

		subItem = new MenuItem("子条目");//子菜单包含的菜单条目
		closeItem = new MenuItem("退出");//菜单包含的条目
		
//菜单添加菜单组件
		subMenu.add(subItem);
		m.add(subMenu);
		m.add(closeItem);
		mb.add(m);
		//窗体添加菜单组件
		f.setMenuBar(mb);
		//窗体上事件
		myEvent();
		//窗体显示
		f.setVisible(true);
	}
	private void myEvent()
	{
		//关闭菜单具备关闭事件
		closeItem.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				System.exit(0);
			}
		});
		//窗体关闭功能
		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.exit(0);	
			}
		});
	}
	
	public static void main(String[] args) 
	{
		new MyMenuDemo();
	}
}
</span>


 

3.双击jar包执行

     既然是图形化界面,就需要通过图形化界面的形式运行程序,而不是用Dos命令行执行,那么如何通过双击jar包就执行程序呢?这就需要将程序的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异常,提示无效的头字段,即invalidheader field。这说明1.txt在被IO流读取。

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

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

        A.对于XP系统:

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

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

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

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

       B.对于win7系统:

               a.改变打开方式:右击.jar文件,点击打开方式,选择默认程序为jdkbin中的javaw.exe应用程序。

               b.修改关联程序的注册表:打开注册表(win+r),找到注册表路径\HKEY_CLASSES_ROOT\Aplications\javaw.exe\shell\open\command下的字符串值,右击点修改,在原路径的中添加-jar,如:"C:\ProgramFiles\Java\jre6\bin\javaw.exe" -jar "%1",注意-jar两边要有空格,保存。

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

练习:利用Menu组件完成一个简单的记事本程序。

<span style="font-size:18px;">/*
练习:利用Menu组件完成一个简单的记事本程序。
需求:具有文件菜单,文件中有打开,保存和退出功能。将写好的程序变为双击可执行的程序。
*/

package mymenu;
import java.awt.*;
import java.awt.event.*;
import java.io.*;

class MyMenuText
{
	//定义组件引用
	private Frame f;
	private TextArea ta;
	private MenuBar mb;
	private Menu fileMe;
	private MenuItem openMi,saveMi,otherSaveMi,closeMi;

	private FileDialog openDia,saveDia;

	private File file;

	//构造函数
	MyMenuText()
	{
		init();
	}

	//功能实现
	private void init()
	{
		//组件实例化
		f=new Frame("MyText");
		ta=new TextArea();
		
		mb=new MenuBar();
		fileMe=new Menu("文件");
		openMi=new MenuItem("打开");
		saveMi=new MenuItem("保存");
		otherSaveMi=new MenuItem("另存为");
		closeMi=new MenuItem("退出");

		openDia=new FileDialog(f,"选择打开的文件",FileDialog.LOAD);
		saveDia=new FileDialog(f,"保存到哪里",FileDialog.SAVE);

		//基本设置
		f.setBounds(300,150,600,500);

		//添加组件
		f.add(ta);
		f.setMenuBar(mb);

		mb.add(fileMe);
		fileMe.add(openMi);
		fileMe.add(saveMi);
		fileMe.add(otherSaveMi);
		fileMe.add(closeMi);

		//窗体中事件
		myEvent();

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

	private void myEvent()
	{
		//窗体关闭功能
		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.exit(0);
			}
		});

		//打开事件
		openMi.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				//显示文件对话窗口
				openDia.setVisible(true);//------------------
				String dir=openDia.getDirectory();//获取目录
				String fileName=openDia.getFile();//获取文件名
				
				if(dir==null||fileName==null)//对打开了文件对话框,但未做出操作的处理
					return;
		
				file=new File(dir,fileName);//文件对象
				try
				{
					ta.setText("");//每打开一个文件时,将文本区的内容清空
					//带缓冲技术的读取流
					BufferedReader br=new BufferedReader(new FileReader(file));
					String line=null;//读一行
					while ((line=br.readLine())!=null)
					{
						//添加到文本区域
						ta.append(line+"\r\n");
					}
					br.close();//关流
				}
				catch (IOException ie)
				{
					throw new RuntimeException("文件打开失败");
				}
			}
		});

		//保存事件
		saveMi.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				//如果是第一次保存,则显示文件对话框
				if(file==null)//-------------
				{
					//显示文件对话框
					saveDia.setVisible(true);//----------------------
					String dir=saveDia.getDirectory();
					String filename=saveDia.getFile();
					
					if(dir==null||filename==null)//--------------------
						return;

					file=new File(dir,filename);
					
				}
				save();//保存文件方法
			}
		});
		
		//另存为事件
		otherSaveMi.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				//不管是不是第一次保存,都显示文件对话框
				saveDia.setVisible(true);//----------------------
				String dir=saveDia.getDirectory();
				String filename=saveDia.getFile();

				if(dir==null||filename==null)//--------------------
					return;

				file=new File(dir,filename);

				save();//保存文件方法
				//保存时,默认文件对话框位置在打开文件的位置
				openDia.setFile(file.getName());
			}
		});

		//退出事件
		closeMi.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				System.exit(0);
			}
		});
	}
	
	//保存文件
	private void save()
	{			
		try
		{
			//带缓冲区的写入流
			BufferedWriter bw=new BufferedWriter(new FileWriter(file));
			//获取文本区域中的内容
			String text=ta.getText();
			bw.write(text);//写入文件中
			bw.close();//关流

		}
		catch (IOException ie)
		{
			throw new RuntimeException("文件保存失败");
		}
	}

	public static void main(String[] args) 
	{
		//程序运行
		new MyMenuText();
	}
}
</span>


 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值