早期计算机系统中,电脑向用户提供的是单调、枯燥、纯字符状态的“命令行界面(CLI)”。就是到现在,我们还可以依稀看到它们的身影:在Windows中开个DOS窗口,就可看到历史的足迹。
后来,Apple公司率先在电脑的操作系统中实现了图形化的用户界面(Graphical User Interface,简称GUI),但由于Apple公司封闭的市场策略,自己完成电脑硬件、操作系统、应用软件一条龙的产品,与其它PC不兼容。这使得Apple公司错过了一次一统全球PC的好机会。
后来,著名的Microsoft公司推出了风靡全球的Windows操作系统,它凭借着优秀的图形化用户界面,一举奠定了操作系统标准的地位。这也造就了世界首富---比尔.盖茨和IT业的泰山北斗微软公司。
在图形用户界面风行于世的今天,一个应用软件没有良好的GUI是无法让用户接受的。而Java语言也深知这一点的重要性,它提供了一套可以轻松构建GUI的工具。
在Java语言提供的GUI构建工具中,可以分为“组件”(component)和“容器”(container)两类。
在Java语言中,提供了以下组件:
这些组件,我们在使用Windows操作系统时都遇到过,我们能够通过操作这引起组件来实现与程序的交互。
而光有“组件”是不能组装成程序的,我们必须使用“容器”将这些“组件”装配起来,使其成为一个整体。Java语言还提供了以下“容器”:
Java语言是通过AWT(抽象窗口化工具包)和Java基础类(JFC或更常用的Swing)来提供这些GUI组件的。
其中Java.awt是最原始的GUI工具包,存放在java.awt包中。现在有许多功能被已被Swing取代并得到了很大的增加与提高,因此一般我们很少再使用Java.awt,但是AWT中还是包含了最核心的功能,通常,一个Java的GUI程序至少还要使用下面几个类:
而Swing是JAVA提供的一组丰富的与平台无关的方式来创建图形用户界面的库。在这篇文章中,我们将学习Swing GUI控件。
Swing API 可扩展 GUI组件,以减轻开发者的生活创造基于JAVA前端/GUI应用。它是建立在AWT API之上,并作为 AWT API 的更换,因为它几乎每一个控制对应 AWT控制。
Swing 组件遵循MVC(模型-视图-控制器)架构,MVC让负责显示的代码、处理数据的代码、对交互进行响应并驱动变化的代码彼此分离。
MVC
假设我们要举办一场时装秀,如果只是一个人来完成,那么这个人就身兼数职:设计、修改时装,到T台展示时装。
那么如果我们使用MVC模式来模拟一下,就不会让一个人来做所有的事情。我们会让时装模特儿展示服装,他们扮演的角色就是视图。模特知道展示服装(数据)的适当方法,但是他们不知道如何设计和制作服装。我们让时装设计师充当控制器,时装设计师对于如何在 T 台上走秀没有概念,但他能设计和制作服装。时装模特和设计师都能独立地处理服装,但都有自己的专业领域。这就是MVC设计模式背后的概念:“把角色分开”
Swing特点
重量轻-Swing组件是独立的原生操作系统的API与Swing API控件呈现大多采用纯JAVA代码,而不是底层的操作系统调用。
丰富的控件-Swing提供了一套丰富的先进的控制系统,如树,JTabbedPane,滑块,颜色选择器,表格控件
高度可定制-Swing控件可以定制视觉外观是非常简单的方法,独立的内部表示。
可插拔的外观和感觉-基于Swing GUI应用程序外观和风格基于可用值,可以在运行时改变。
JComponent
Swing的整个可视组件库的基础构造块是JComponent,它是所有组件的父类,并且是一个抽象类,所以我们不能直接创建JComponent对象,但是作为类层次结构的基础。从API中我们看到它包含了上百个方法,Swing中的每个组件都可能使用这些方法。
组件都是矩形形状,组件本身有一个默认的坐标系,组件的左上角的坐标值是(0,0)。如果一个组件的宽是20,高是10,那么,该坐标系中,x坐标的最大值是20;y坐标的最大值是10。
组件默认的边框是一个黑边的矩形,我们可以通过方法
public void setBorder(Border border)
设置组件的边框。该方法的参数是一个接口,必须向该参数传递一个实现接口Border类的实例。如果传递一个null,组件将取消边框。
组件的颜色:
组件的字体:
上述方法中用到了java.awt包中的Font类,Font类的构造方法是:
public Font(String name,int style,int size) // 创建字体对象。name是字体的名字,style决定字体的样式,取值是一个整数。
组件的大小与位置:
组件默认是不透明的,我们可以通过方法
public void setOpaque(boolean isOpaque)
设置组件是否不透明。isOpaque取false时,组件被设置为透明;isOpaque取true时组件被设置为不透明。方法
public boolean isOpaque()
当组件不透明时该方法返回true,否则返回false。
组件的激活与可见性:
我们再来认识几个方法:
JFrame
JFrame类是一个顶层窗口,也是一个容器,允许将其他组件添加到它里面,把它们组织起来,并把它们呈现给用户。它有许多其他好处,我们先看最简单的图片:
JFrame实际上不仅仅让您把组件放入其中并呈现给用户。比起它表面上的简单性,它实际上是 Swing 包中最复杂的组件。为了最大程度地简化组件,在独立于操作系统的Swing组件与实际运行这些组件的操作系统之间,JFrame起着桥梁的作用。JFrame在本机操作系统中是以窗口的形式注册的,这么做之后,就可以得到许多熟悉的操作系统窗口的特性:最小化/最大化、改变大小、移动。
常用构造方法:
常用方法:
JDialog
对话框类。
JDialog类是Window的子类。对话框必须要依赖于某个窗口或组件,当它所依赖的窗口或组件消失,对话框也将消失;当它所依赖的窗口或组件可见时,对话框又会自动恢复。
我们通过建立JDialog的子类来建立一个对话框类。不可以把组件直接添加到对话框中,不能为对话框设置布局,可以使用getContentPane()方法得到内容面板。
对话框可分为无模式和有模式两种。
如果一个对话框是有模式的对话框,那么当这个对话框处于激活状态时,只让程序响应对话框内部的事件,程序不能再激活它所依赖的窗口或组件,而且它将堵塞当前线程的执行,直到该对话框消失不可见。
无模式对话框处于激活状态时,程序仍能激活它所依赖的窗口或组件,它也不堵塞线程的执行。
消息对话框:
消息对话框是有模式对话框。进行一个重要的操作动作之前,最好能弹出一个消息对话框以确定操作。
可以用javax.swing包中的JOptionPane类的静态方法:
public static void showMessageDialog (Component parentComponent,String message,String title, int messageType)
创建一个消息对话框。参数分别是对话框所依赖的组件、对话框上显示的消息,对话框的标题,对话框的外观。
确认对话框:
确认对话框是有模式对话框。可以用javax.swing包中的JOptionPane类的静态方法:
public static int showConfirmDialog (Component parentComponent,Object message,String title,int optionType)
创建一个确认对话框。
颜色对话框:
可以用javax.swing包中的JColorChooser类的静态方法:
public static Color showDialog (Component component,String title,Color initialColor)
创建一个颜色对话框。参数component指定对话框所依赖的组件,title指定对话框的标题;initialColor指定对话框返回的初始颜色。
文件对话框:
文件对话框提供从文件系统中进行文件选择的界面。JFileChooser对象调用下列方法:
以上方法都可以使得一个有模式对话框显示在桌面上,该对话框称作文件对话框。文件对话框将在参数指定的组件parent的正前方显示,如果parent为null,则在系统桌面的正前方显示。
菜单组件
Swing菜单由菜单条(JMenuBar)、菜单(JMenu)和菜单项(JMenuItem)构成。菜单条是所有菜单和菜单项的根(容器)。
JMenuBar
JMenuBar是JComponent类的子类,负责创建菜单条。
JMenuBar menuBar=new JMenuBar();
将菜单条放置到JFrame窗口中:
public void setJMenuBar(JMenuBar menubar);
需要注意的是,只能向窗口添加一个菜单条。
JMenu
JMenu是JComponent类的间接子类,负责创建菜单。
构造方法:
常用方法:
创建一个名为“Edit”的菜单,并添加到菜单条中:
JMenu editMenu=new JMenu(“Edit”);
menuBar.add(editMenu);
JMenuItem
JMenuItem是JComponent类的间接子类,负责创建菜单项。
常用构造方法:
常用方法:
public static KeyStroke getKeyStroke(int keyCode, int modifiers)
创建一个菜单项,并将其放在“Edit”菜单里:
JMenuItem pasteItem=new JMenuItem(“Paste”);
editMenu.add(pasteItem);
嵌入JMenu子菜单
菜单项本身也可以是一个菜单,我们称这样的菜单项为子菜单。如:
JMenu editMenu = new JMenu(“Edit”);
JMenu optionsMenu = new JMenu(“Options”);
editMenu.add(optionsMenu);
布局管理器
作用:
布局管理器的类型:
我们使用方法 setLayout(LayoutManager) 来设计自己的布局。
BorderLayout
边界布局管理器,这是Window型容器的默认布局,比如Jframe类、JDialog类。
每个被BorderLayout管理的容器均被划分为五个区域:东(EAST),南(SOUTH),西(WEST),北(NORTH),中(CENTER)。
容器的每个区域,只能加入一个组件,如果试图加入多个组件,其中只有一个组件是可见的。
对于东南西北这四个边界区域,如果,其中的某个区域没有用,它的大小将变为0,CENTER区域将扩展并占用该区域。
在BorderLayout布局管理器的管理下,组建必须通过add()方法加入到容器的五个命名区域之一,否则它们是不可见的。方法:add(组件, 区域)
FlowLayout
流式布局管理器,将组件按照加入的顺序逐个地放在容器中的一行上,一行放满后再另起一个新行。
每一行中的组件按布局指定的方式对齐方,默认情况下是居中对齐。
FlowLayout布局管理器不强行设定组件的大小,而是允许组件拥有自己希望的大小。
每个组件都有一个getPreferredSize()方法,容器布局管理器会调用此方法取得每个组件希望的大小。
FlowLayout布局管理器是JPanle容器的默认布局管理器。
GridLayout
网格式的布局管理器,它将容器空间划分成若干行乘若干列的网格,每个格放一个组件。
各组件按照从上到下,从左至右的顺序排列。
使用GridLayout布局设计的一般步骤:
GridLayout布局中每个网格都是相同大小并且强制组件与网格相同大小。
CardLayout
卡式布局管理器,可以容纳多个组件,但是同一时刻容器只能从这些组件中选出一个来显示,被显示的组件占据容器的整个空间。
选项卡窗格(JTabbedPane)的默认布局是CardLayout。
BoxLayout
盒式布局管理器。Box类创建的容器称作一个盒式容器,盒式容器的的默认布局是盒式布局,而且不允许更改盒式容器的布局。
行型盒式布局,特点:
列型盒式布局,特点:
中间容器
用来添加组件的轻容器,称为中间容器。包括:
JPanel
JPanel类用来创建一个面板对象,可以向这个面板添加组件(直接使用add方法)。
使用时需要把这个面板添加到底层容器或其他中间容器中。
JPanel面板的默认布局是FlowLayout布局。
JScrollPane
滚动窗格,把一个组件放到一个滚动窗格中,然后通过滚动条来观察这个组件。
例如,JTextArea不自带滚动条,如果希望使用带滚动条的多行文本框,可把JTextArea放到一个滚动窗格中。
JSplitPane
拆分窗格,将容器拆分成两部分,拆分窗格有两种类型:
JLayeredPane
分层窗格,如果添加到容器中的组件经常需要处理重叠问题,就可以将组件添加到JLayeredPane容器中。
JLayeredPane将容器分成5个层,容器使用add(Jcomponent component, int layer)方法添加组件component,并指定component所在的层layer。
layer取值:
JTextField
单行文本框,用来建立文本框的组件,用户可以在文本框中输入单行的文本。
常用构造方法:
JTextField(int x):创建文本框对象,可以在文本框中输入若干个字符,文本框的可见字符个数由参数x指定。
JTextField(String s):创建文本框对象,则文本框的初始字符串为s,可以在文本框中输入若干个字符。
常用方法:
JPasswordField
密码框,用于接收密码信息,输入的文本不会以明文形式显示出来。
常用方法:
JTextArea
多行文本框,用户可以在文本区输入多行的文本。
常用构造方法:
常用方法:
JButton
按钮组件,常用构造方法:
常用方法:
JLabel
标签组件,一般用来显示信息,但没有编辑功能。
常用构造方法:
常用方法:
JCheckBox
复选框,提供两种状态,一种是选中,另一种是未选中,用户通过单击该组件切换状态。如果不对复选框进行初始化设置,默认的初始化设置均为未选中。
常用构造方法:
常用方法:
JRadioButton
单选按钮,一组单选按钮同一时刻只能有一个被选中。
当创建了若干个单选按钮后,应使用ButtonGroup再创建一个对象,然后利用这个对象把这若干个单选按钮归组。归到同一组的单选按钮每一时刻只能选一。
JComboBox
分组框,即下拉列表。用户可以在下拉列表看到第一个选项和它旁边的箭头按钮,当用户单击箭头按钮时,列表选项打开。
常用构造方法:
常用方法:
JTable
表格对象。
常用构造方法:
public JTable(Object[][] data , Object[] columnName)
JPopupMenu
弹出式菜单,由JPopupMenu类负责创建,通常用于右键菜单。
常用构造方法:- public JPopupMenu():构造无标题弹出式菜单。- public JPopupMenu(String label):构造由参数label指定标题的弹出式菜单。
常用方法:
什么是事件驱动模型?
在讲解事件驱动模型之前,我们现在看看事件驱动模型的三大要素:
我们应该要理解任何基于事件驱动模型的开发技术都包含以上三大要素,不管是java还是.net技术,都有基于以上三大要素的事件驱动模型开发流程。
我们来看一个例子,如果有一天有个老大爷走在路上,一不小心被天上掉下来的花瓶砸到了,并且晕了过去。那么整个过程其实就是一个事件处理流程,而且我们可以非常方便的分析出刚才所提到的事件驱动模型中的三大要素:
由于事件驱动模型在我们日常生活中是无处不在的,因此Java和其他的编程语言都将这一过程运用到了可视化编程中了。
Java事件驱动模型
假设用户单击了一个按钮,其实该按钮就是这个事件的源(可以引发事件的物体)。所有的Java Swing对象都有感知自己被操作的能力,因此JButton按钮也具有这样能力。一个事件通常必须有一个源对象,这里就是JButton对象。当单击按钮时,JButton组件类会生成一个用于存放该事件参数的ActionEvent的对象,该对象包含了事件及事件源的信息。
当JButton感知到自己被点击以后会将这种感觉传递给某个监听器对象,该监听器对象原先已被告知对该类事件感兴趣,监听器对象仅是一种监听特定事件的对象。这里的“将事件传递给监听器”仅意味着事件源调用监听器对象中的一个特定方法,并以事件对象作为实参。监听器对象可以监听一个特定对象的事件(比如一个按钮)。
我们可以使任何类的对象成为监听器对象,只要该类实现监听器接口。在Java API中提供了各种各样的监听器接口,以满足不同类型事件的需要。在单击按钮的例子中,需要实现ActionListener接口以便接收按钮事件。在监听器接口声明的方法中,实现了接受这个事件对象并响应该事件的代码。每种监听器接口都定义了特定的方法,用来接收该监听器计划要处理的事件。
仅仅实现监听器接口还不足以将监听器对象连接到事件源上,仍需要把监听器与希望处理的事件单个源或多个源连接起来,这就是监听器的注册。通过调用事件源对象的特定方法,可以注册带有事件源的监听器对象。例如,为了注册监听单击按钮事件的监听器,需要调用JButton对象的addActionListener()方法,该操作可以使监听对象和事件源绑定。
每个事件响应时只涉及到对该事件感兴趣的监听器。由于监听器只要求实现一个合适的接口,所以实际上,可以在任何希望的地方接收和处理事件。在Java中使用监听器对象处理事件的方式,称为委托事件模型,这是因为对于诸如按钮这种组件引起的事件响应,并不是由引起事件的对象本身处理,而是委托独立的监听器对象进行处理。如ActionListener中的actionPerformed()方法其实就是一个委托处理方法。
窗口事件
WindowListener接口
JFrame类是Window类的子类,Window型对象都能触发WindowEvent事件。当一个JFrame窗口被激活、撤消激活、打开、关闭、图标化或撤消图标化时,就引发了窗口事件。通过调用 addWindowlistener()来注册监听器。
WindowListener接口中有7个不同的方法,分别是:
鼠标事件
鼠标事件是鼠标的移动、点击、拖放等行为。鼠标在组件上的操作(如点击按钮、菜单),不需要处理为鼠标事件,该组件会进行相应的处理。
用户的下列7种操作都可以使得组件触发鼠标事件:
MouseListener接口与MouseMotionListener接口
MouseListener、MouseMotionListener都是处理MouseEvent的接口。
MouseListener处理对象对于鼠标的进入、离开、下压、释放及敲击事件,使用addMouseMotionListener (MouseListener listener) 注册监听器。
MouseListener接口中的5个方法:
MouseMotionListener接口
MouseMotionListener用于处理鼠标的移动及拖曳,使用addMouseMotionListener(MouseListener listener)方法注册监听器
MouseMotionListener接口中的两个方法:
MouseEvent类
MouseEvent类的重要方法:
鼠标位置的坐标变换
程序可能需要知道鼠标指针在容器坐标系中的坐标,这就需要进行坐标变换。
根据鼠标指针在当前事件源source坐标系中的坐标(x,y),得到鼠标在容器 destination坐标系中的坐标。该对象再调用getX()和getY()方法就可以获取鼠标在容器destination坐标系中的坐标。
鼠标事件的转移
假如正监视一个容器上的鼠标事件,而容器中添加了一些组件,则当在组件上鼠标操作时,容器将不知道这些操作的发生。
获取鼠标在系统桌面上的坐标
PointerInfo类
是JDK1.5在java.awt包中新增的一个类,可以帮助程序获取鼠标指针在系统图形设备中的位置坐标。使用MouseInfo的方法:getPointerInfo(),可以实例化一个PointerInfo对象。
方法:
键盘事件
在具有键盘焦点的组件中按下或者释放按键时,将会激发键盘事件。键盘事件由接口KeyListener的方法来处理,组件使用addKeyListener()注册监听器。
接口KeyListener中有3个方法:
KeyEvent
KeyEvent的重要方法:
java对字符和虚拟键代码进行了明确区分,虚拟键代码和键盘的扫描码类似,没有单独的小写虚拟键代码。虚拟键代码以VK_开头,是定义在KeyEvent类中的int型类变量,比如:VK_0, VK_A, VK_SHIFT, VK_RIGHT。在使用keyPressed()和keyReleased()方法时,需要进行虚拟键代码的检查,在使用keyTyped()方法时需要进行字符进行检查
使用GUI实现简易计算器功能。
import java.awt.BorderLayout;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
/**
* 计算器类
*
* @author 小明
*
*/
public class Calculator extends JFrame implements ActionListener {
private static final long serialVersionUID = 2499964079704437558L;
private JTextField result; // 显示运算结果的文本框
private JButton[] buttons; // 所有的按钮对象
private final String[] characters = { "7", "8", "9", "/", "4", "5", "6",
"*", "1", "2", "3", "-", "0", ".", "=", "+" }; // 所有的按钮文本
private boolean isFirstDigit = true; // 标记第一次输入数字
private String operator = "="; // 运算符
private double resultNum = 0.0; // 运算结果
public Calculator(String title) {
// 标题栏
super(title);
// 大小
setSize(220, 200);
// 居中
setLocationRelativeTo(null);
// 默认关闭操作
setDefaultCloseOperation(EXIT_ON_CLOSE);
// 禁止修改大小
setResizable(false);
// 初始化文本框与按钮
generateInterface();
// 显示
setVisible(true);
}
/**
* 初始化文本框与按钮,生成界面
*/
private void generateInterface() {
/* 文本框 */
result = new JTextField("0");
// 右对齐
result.setHorizontalAlignment(JTextField.RIGHT);
// 不允许编辑
result.setEditable(false);
// 将文本框添加到窗体北方
add(result, BorderLayout.NORTH);
/* 按钮 */
buttons = new JButton[characters.length];
JPanel pnl = new JPanel(new GridLayout(4, 4, 5, 5));
for (int i = 0; i < buttons.length; i++) {
buttons[i] = new JButton(characters[i]);
buttons[i].addActionListener(this);
buttons[i].setFocusable(false); // 不允许按钮定位焦点
pnl.add(buttons[i]);
}
// 将所有按钮添加到窗体的中间
add(pnl, BorderLayout.CENTER);
// 允许内容面板定位焦点
this.getContentPane().setFocusable(true);
// 注册内容面板事件监听器
// 使用适配器实现
this.getContentPane().addKeyListener(new KeyAdapter() {
@Override
public void keyPressed(KeyEvent e) {
char ch = e.getKeyChar(); // 获取按钮字符
/* 处理数字或运算符 */
if ('.' == ch || Character.isDigit(ch)) { // 数字小数点
handleNumber(String.valueOf(ch));
} else if ("+-*/=".indexOf(ch) != -1 || e.getKeyCode() == 10) { // 运算符
handleOperator(String.valueOf(ch));
} else if (e.getKeyCode() == 8) { // 退格键
String tmp = result.getText();
if (tmp.length() == 1) {
result.setText("0");
isFirstDigit = true;
} else {
result.setText(tmp.substring(0, tmp.length() - 1));
}
}
}
});
}
@Override
public void actionPerformed(ActionEvent e) {
// 获取点击按钮的文本
String text = e.getActionCommand();
/* 处理数字或运算符 */
if (".".equals(text) || Character.isDigit(text.charAt(0))) { // 数字小数点
handleNumber(text);
} else if ("+-*/=".indexOf(text) != -1) { // 运算符
handleOperator(text);
}
}
/**
* 处理数字与小数点
*
* @param text
*/
private void handleNumber(String text) {
if (isFirstDigit) { // 第一次输入
if (".".equals(text)) {
this.result.setText("0.");
} else {
this.result.setText(text);
}
} else if ("0".equals(text) && "0".equals(this.result.getText())) { // 输入0
isFirstDigit = true;
return;
} else if (".".equals(text) && this.result.getText().indexOf(".") == -1) { // 输入小数点
this.result.setText(this.result.getText() + ".");
} else if (!".".equals(text)) { // 输入不为小数点
this.result.setText(this.result.getText() + text);
}
// 修改第一次输入标记
isFirstDigit = false;
}
/**
* 处理运算符
*
* @param text
*/
private void handleOperator(String text) {
/* 进行算术运算判断 */
switch (operator) {
case "+":
resultNum += Double.parseDouble(this.result.getText());
break;
case "-":
resultNum -= Double.parseDouble(this.result.getText());
break;
case "*":
resultNum *= Double.parseDouble(this.result.getText());
break;
case "/":
resultNum /= Double.parseDouble(this.result.getText());
break;
case "=":
resultNum = Double.parseDouble(this.result.getText());
break;
}
// 将运算结果显示到文本框中
this.result.setText(String.valueOf(resultNum));
// 将参数运算符放入成员变量中
this.operator = text;
// 下一个数字是第一次输入
isFirstDigit = true;
}
}
结果