黑马程序员-基础-GUI图形用户界面

------- android培训、java培训、期待与您交流！ ----------

第一节GUI概念

第一：概念

计算机和用户交互的形式：GUI和CLI

1：GUI：Graphical User Interface(图形用户接口)

用图形的方式，来显示计算机操作的界面，这样更方面更直观

2：CLI：Command line User Interface(命令行用户接口)

就是常见的Dos命令行操作。需要记忆一些常见的命令，操作不直观

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

java为GUI提供的对象都存在java.Awt和javax.String两个包中

Awt和Swing

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

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

第二：继承体系图

第三：布局管理器

容量中的组件的排放方式，就是布局。

常见的布局管理器：

FlowLayout(流式布局管理器)

从左到右的顺序排列。Panel默认的布局管理器

BorderLayout(边界布局管理器)

东，南，西，北，中。Frame默认的布局 管理器

GridLayout(网格布局管理器)

规则的矩阵

CardLayout（卡片布局管理器）

选项卡

GridBagLayout（网格包布局管理器）

非规则的矩阵

第四：创建图形化界面：

Container常用子类：Window Panel（面板， 不能单独存在。）
Window常用子类：Frame Dialog
简单的窗体创建过程：
1，创建frame窗体。

Frame f=new Frame("my awt");//可设置标题，my awt就是标题
2，对窗体进行基本设置。
比如大小，位置，布局。

f.setSize(400, 400);//设置组件的长500，高400
f.setLocation(300, 200);//设置窗口组件的在屏幕的位置长200.高300

f.setLayout(new FlowLayout());//设置布局是流式布局管理，不设置的话，Frame窗体默认是边界布局管理器
3，定义组件。

Button b=new Button("我是一个按钮"); //可设置组件名称。如：我是一个按钮

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

f.add(b);
5，让窗体显示，通过setVisible(true)//true显示组件窗体，false不显示组件窗体

代码事例如下：

*/
class  AwtDemo
{
	public static void main(String[] args) 
	{
		Frame f = new Frame("my awt");
		f.setSize(500,400);
		f.setLocation(300,200);
		f.setLayout(new FlowLayout());


		Button b = new Button("我是一个按钮");
		
		f.add(b);


		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.out.println("我关");
				System.exit(0);
			}
			public void windowActivated(WindowEvent e) 
			{
				System.out.println("我活了。");

			}
			
			public void windowOpened(WindowEvent e) 
			{
				System.out.println("我被打开了,hahahhahah");
			}

		});
		



		f.setVisible(true);

		//System.out.println("Hello World!");
	}
}
/*

class MyWin implements WindowListener
{
	//覆盖7个方法。可以我只用到了关闭的动作。
	//其他动作都没有用到，可是却必须复写。

}



//因为WindowListener的子类WindowAdapter已经实现了WindowListener接口。
//并覆盖了其中的所有方法。那么我只要继承自Windowadapter覆盖我需要的方法即可。
class MyWin extends WindowAdapter
{
	public void windowClosing(WindowEvent e)
	{
		//System.out.println("window closing---"+e.toString());
		System.exit(0);
	}
}

*/

第五：事件监听机制组成

1，事件源（组件）就是awt包或者swing包中的那些图形界面组件

2，事件（Event）每一个事件源都有自己特有的对应和共性事件

3，监听器（Listener）将可以触发某一个事件的动作（不止一个动作）都已经封装到了监听器中。

事件处理（引发事件后处理方式）

以上三者，在java中都已经定义好了。直接获取其对象来用就可以了。

我们要做的事情是，就是对产生的动作进行处理。

步骤：

1，明确监听器（Frame）将监听器注册到上面，通过方法addWindowListener(WindowListener w)

2,注意：若用子类实现WindowListener接口，就需要覆盖七个方法，可是只用到其中一个关闭方法，其他方法未用到，就必须重写全部。所以可以用WindowListener的子类

WindowAdapter实现接口，覆盖需要的方法就可以。

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

事例：鼠标和键盘事件

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


class MouseAndKeyEvent 
{
	private Frame f;
	private Button but;
	private TextField tf;

	MouseAndKeyEvent()
	{
		init();
	}

	public void init()
	{
		f = new Frame("my frame");

		f.setBounds(300,100,600,500);
		f.setLayout(new FlowLayout());

		tf = new TextField(20);

		but = new Button("my button");


		
		f.add(tf);
		f.add(but);


		myEvent();

		f.setVisible(true);

	}
	private void myEvent()
	{
		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.exit(0);
			}
		});


		tf.addKeyListener(new KeyAdapter()
		{
			public void keyPressed(KeyEvent e)
			{
				int code = e.getKeyCode();
				if(!(code>=KeyEvent.VK_0 && code<=KeyEvent.VK_9))
				{
					System.out.println(code+".....是非法的");
					e.consume();
				}


			}
		});

		//给But添加一个键盘监听。
		but.addKeyListener(new KeyAdapter()
		{
			public void keyPressed(KeyEvent e)
			{	
				if(e.isControlDown()&&e.getKeyCode()==KeyEvent.VK_ENTER)
					//System.exit(0);
				System.out.println("ctrl+enter is run");

				//System.out.println(KeyEvent.getKeyText(e.getKeyCode())+"...."+e.getKeyCode());
			}
		});



		/*
		but.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				System.out.println("action ok");
			}
		});
		*/

		/*

		but.addMouseListener(new MouseAdapter()
		{
			private int count = 1;
			private int clickCount = 1;
			public void mouseEntered(MouseEvent e) 
			{
				System.out.println("鼠标进入到该组件"+count++);
			}
			public void mouseClicked(MouseEvent e)
			{
				if(e.getClickCount()==2)
					System.out.println("双击动作"+clickCount++);
			}
		});
		*/
	}






	public static void main(String[] args) 
	{
		new MouseAndKeyEvent();
	}
}

第二节GUI应用

第一：对话框Dialog

出现错误操作时，调用Dialog对象来完成错误信息提示对话框

事例如下

import java.awt.*;
import java.awt.event.*;
import java.io.*;
class  MyWindowDemo
{
	private Frame f;
	private TextField tf;
	private Button but;
	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,100,600,500);
		f.setLayout(new FlowLayout());

		tf = new TextField(60);

		but = new Button("转到");

		ta = new TextArea(25,70);


		d = new Dialog(f,"提示信息-self",true);
		d.setBounds(400,200,240,150);
		d.setLayout(new FlowLayout());
		lab = new Label();
		okBut = new Button("确定");

		d.add(lab);
		d.add(okBut);



		f.add(tf);
		f.add(but);
		f.add(ta);


		myEvent();
		f.setVisible(true);
	}
	private void  myEvent()
	{

		okBut.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				d.setVisible(false);
			}
		});
		d.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				d.setVisible(false);
			}
		});

		tf.addKeyListener(new KeyAdapter()
		{
			public void keyPressed(KeyEvent e)
			{
				if(e.getKeyCode()==KeyEvent.VK_ENTER)
					showDir();
			}
		});


		but.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				showDir();
				
			}
		});

		f.addWindowListener(new WindowAdapter()
		{
			public void windowClosing(WindowEvent e)
			{
				System.exit(0);	
			}
		});
	}

	private void showDir()
	{
		String dirPath = tf.getText();
				
		File dir = new File(dirPath);

		if(dir.exists() && dir.isDirectory())
		{
			ta.setText("");
			String[] names = dir.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();
	}
}

第二：菜单Menu

MenuBar 菜单栏：可以添加菜单和条目

Menu: 菜单，有右三角图标存在，可以添加Menu和MenuItem

MenuItem 条目，无右三角图标存在是最终的菜单项

先创建菜单栏，再创建菜单，每一个菜单中建立菜单条目

也可以菜单添加到菜单中，作为子菜单。

通过setMenuBar（）方法，将菜单栏添加到Frame中。

事例如下

package day22;
import java.awt.*;
import java.awt.event.*;
public class MyMenuDemo {

	/**
	 * @param args
	 */
	private Frame f;
	private MenuBar mb;
	private Menu m,subMenu;
	private MenuItem closeItem,subItem;
	
	MyMenuDemo()
	{
		init();
	}
	private 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("编程");
		closeItem=new MenuItem("退出");
		subItem=new MenuItem("方法");
		
		subMenu.add(subItem);
		//subMenu.add(closeItem);
		m.add(subItem);
		m.add(closeItem);
		mb.add(m);
		mb.add(subMenu);
		
		f.setMenuBar(mb);
		myEvent();
		f.setVisible(true);
				
	}
	public 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) {
		// TODO Auto-generated method stub
		new MyMenuDemo();
	}

}

打开文件保存文件jar包双击打开方法代码事例如下：（具体操作可查看22天视频最后三篇）

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

public class MyMenuTest
{

	private Frame f;
	private MenuBar bar;
	private TextArea ta;
	private Menu fileMenu;
	private MenuItem openItem,saveItem,closeItem;


	private FileDialog openDia,saveDia;

	private File file;
	MyMenuTest()
	{
		init();
	}
	public void init()
	{
		f = new Frame("my window");
		f.setBounds(300,100,650,600);

		bar = new MenuBar();

		ta = new TextArea();

		fileMenu = new Menu("文件");
		
		openItem = new MenuItem("打开");
		saveItem = new MenuItem("保存");
		closeItem = new MenuItem("退出");
		
		fileMenu.add(openItem);
		fileMenu.add(saveItem);
		fileMenu.add(closeItem);
		bar.add(fileMenu);

		f.setMenuBar(bar);


		openDia = new FileDialog(f,"我要打开",FileDialog.LOAD);
		saveDia = new FileDialog(f,"我要保存",FileDialog.SAVE);


		f.add(ta);
		myEvent();

		f.setVisible(true);


	}
	private void myEvent()
	{

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

				try
				{
					BufferedWriter bufw  = new BufferedWriter(new FileWriter(file));

					String text = ta.getText();

					bufw.write(text);
					//bufw.flush();
					bufw.close();
				}
				catch (IOException ex)
				{
					throw new RuntimeException();
				}
				
			}
		});


		openItem.addActionListener(new ActionListener()
		{
			public void actionPerformed(ActionEvent e)
			{
				openDia.setVisible(true);
				String dirPath = openDia.getDirectory();
				String fileName = openDia.getFile();
//				System.out.println(dirPath+"..."+fileName);
				if(dirPath==null || fileName==null)
					return ;

				ta.setText("");
				file = new File(dirPath,fileName);

				try
				{
					BufferedReader bufr = new BufferedReader(new FileReader(file));

					String line = null;

					while((line=bufr.readLine())!=null)
					{
						ta.append(line+"\r\n");
					}

					bufr.close();
				}
				catch (IOException ex)
				{
					throw new RuntimeException("读取失败");
				}


			}
		});





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

/*
如何制作可以双击执行的jar包呢？
1，将多个类封装到了一个包(package)中。
2，定义一个jar包的配置信息。
	定义一个文件a.txt 。文件内容内容为：
	Main-Class:(空格)包名.类名(回车)
3，打jar包。
	jar -cvfm my.jar a.txt 包名
4，通过winrar程序进行验证，查看该jar的配置文件中是否有自定义的配置信息。

5，通过工具--文件夹选项--文件类型--jar类型文件，通过高级，定义该jar类型文件的打开动作的关联程序。
	jdk\bin\javaw.exe -jar

6，双击试试！。哦了。



*/

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。