(转自http://terrificwanjun.bokee.com/)php
UI 组件简介html
在开始学习 Swing 以前,必须回答针对真正初学者的一个问题:什么是 UI?初学者的答案是“用户界面”。可是由于本教程的目标是要保证您再也不只是个初学者,因此咱们须要比这个定义更高级的定义。java
因此,我再次提出这个问题:什么是 UI?您可能把它定义成您按下的按钮、打字的地址栏 、打开和关闭的窗口,等等,这些都是 UI 的元素,可是除了在屏幕上看到的这些以外,还有更多都是 UI 元素。好比鼠标、键盘、音量、屏幕颜色、使用的字体,以及一个对象相对于另外一个对象的位置,这些都包含在 UI 之中。实际上,在计算机和用户的交互之中扮演角色的任何对象都是 UI 的组成部分。这看起来足够简单,可是您应当惊讶的是,有许多人和大型公司已经为它努力了不少年。实际上,如今有的大学专业的唯一课程就是研究这种交互。数据库
Swing 的角色设计模式
Swing 是 Java 平台的 UI —— 它充当处理用户和计算机之间所有交互的软件。它实际上充当用户和计算机内部之间的中间人。Swing 究竟是如何作这项工做的呢?它提供了处理前面一节中描述的 UI 各方面内容的机制:数组
- 键盘:Swing 提供了捕捉用户输入的方法。
- 颜色:Swing 提供改变在屏幕上看到的颜色的方法。
- 打字的地址栏:Swing 提供了文本组件,处理全部普通任务。
- 音量:Swing 不太擅长。
不管如何,Swing 为您提供了建立本身的 UI 所须要的全部工具浏览器
MVC安全
Swing 甚至走得更远一步,在基本的 UI 原则之上又放上了一个公共的设计模式。这个设计模式叫作模型-视图-控制器(Model-View-Controller,MVC),它试图“把角色分开”。MVC 让负责显示的代码、处理数据的代码、对交互进行响应并驱动变化的代码彼此分离。服务器
有点迷惑?若是我为这个设计模式提供一个现实世界的非技术性示例,它就比较容易了。请想像一次时装秀。把秀场当成 UI,假设服装就是数据,是展现给用户的计算机信息。如今,假设此次时装秀中只有一我的。这我的设计服装、修改服装、同时还在 T 台上展现这些服装。这看起来可不是一个构造良好的或有效率的设计。架构
如今,假设一样的时装秀采用 MVC 设计模式。此次不是一我的作每件事,而是将角色分开。时装模特(不要与 MVC 缩写中的模型混淆)展现服装。他们扮演的角色是视图。他们知道展现服装(数据的)适当方法,可是根本不知道如何建立或设计服装。另外一方面,时装设计师充当控制器。时装设计师对于如何在 T 台上走秀没有概念,但他能建立和操纵服装。时装模特和设计师都能独立地处理服装,但都有本身的专业领域。
这就是 MVC 设计模式背后的概念:让 UI 的每一个方面处理它擅长的工做。若是您仍然不明白,那么教程后面的示例有望消除您的迷惑 —— 可是在您继续进行的时候,请记住基本的原则:用可视组件显示数据,同时让其余类操纵数据。
JComponent
Swing 的整个可视组件库的基础构造块是 JComponent。它是全部组件的父类。它是一个抽象类,因此不能建立 JComponent,可是做为类层次结构的结果,从字面意义来讲它包含了数百个函数,Swing 中的每一个组件均可以使用这些函数。显然,有些概念要比其余概念重要,因此对于本教程,须要学习的重要的东西是:
- JComponent 不只是 Swing 组件的基类,仍是定制组件的基类(有关的更多信息在“中级 Swing”教程中)。
- 它为全部组件提供了绘制的基础架构 —— 一些方便进行组件定制的东西(一样,在“中级 Swing”中,有关于这个主题的更多信息)。
- 它知道如何处理全部的键盘按键。因此类只须要侦听特定的键。
- 它包含 add() 方法,能够添加其余 JComponent。换种方式来看,能够把任意 Swing 组件添加到其余任何 Swing 组件,从而构造嵌套组件(例如,JPanel 包含 JButton,甚至包含一些古怪的组合,例如 JMenu 包含 JButton)。
简单的swing小部件
JLabel
Swing 库中最基础的组件是 JLabel。它所作的正是您所指望的:呆在那儿,看起来很漂亮,描述其余组件。下图显示了的 JLabel 实际应用:
JLabel
不太吸引人,可是仍然有用。实际上,在整个应用程序中,不只把 JLabel 用做文本描述,还将它用做图片描述。每当在 Swing 应用程序中看到图片的时候,它就有多是 JLabel。JLabel 对于 Swing 初学者来讲没有许多意料以外的方法。基本的方法包括设置文本、图片、对齐以及标签描述的其余组件:
- get/setText(): 获取/设置标签的文本。
- get/seticon(): 获取/设置标签的图片。
- get/setHorizontalAlignment(): 获取/设置文本的水平位置。
- get/setVerticalAlignment(): 获取/设置文本的垂直位置。
- get/setDisplayedMnemonic(): 获取/设置标签的访问键(下划线文字)。
- get/setLableFor(): 获取/设置这个标签附着的组件,因此当用户按下 Alt+访问键时,焦点转移到指定的组件。
JButton
Swing 中的基本动做组件 JButton,是与每一个窗口中都能看到的 OK 和 Cancel 同样的按钮;这些按钮所作的正是您但愿它们作的工做 —— 在单击它们以后,将发生一些事情。到底会发生什么呢?您必须定义发生的内容(请参阅 事件,以得到更多信息)。一个 JButton 实例看起来以下所示:
JButton
用来改变 JButton 属性的方法与 JLabel 的方法相似(您可能发现,在大多数 Swing 组件中,这些属性都相似)。它们控制文本、图片和方向:
- get/setText(): 获取/设置标签的文本。
- get/seticon(): 获取/设置标签的图片。
- get/setHorizontalAlignment(): 获取/设置文本的水平位置。
- get/setVerticalAlignment(): 获取/设置文本的垂直位置。
- get/setDisplayedMnemonic(): 获取/设置访问键(下划线字符),与 Alt 按钮组合时,形成按钮单击。
除了这些方法,我还要介绍 JButton 包含的另一组方法。这些方法利用了按钮的全部不一样状态。状态是对组件进行描述的一个属性,一般采用真/假设置。在 JButton 中,能够包含如下可能状态:活动/不活动、选中/没选中、鼠标通过/鼠标离开、按下/没按下,等等。另外,能够组合这些状态,例如按钮能够在鼠标通过的同时被选中。如今您可能会问本身用这些状态到底要作什么。做为示例,请看看您的浏览器上的后退按钮。请注意在鼠标通过它的时候,图片是如何变化的,在按下该按钮时,图片又是如何变化的。这个按钮利用了不一样的状态。每一个状态采用不一样的图片,这是提示用户交互正在进行的一种广泛而且有效的方式。JButton 上的状态方法是:
- get/setDisabledIcon()
- get/setDisableSelectedIcon()
- get/setIcon()
- get/setPressedIcon()
- get/setRolloverIcon()
- get/setRolloverSelectedIcon()
- get/setSelectedIcon()
JTextField
Swing 中的基本文本组件是 JTextField,它容许用户在 UI 中输入文本。我确定您熟悉文本字段:要掌握本教程,则必须使用一个文本字段输入用户名和口令。您输入文本、删除文本、选中文本、把文字四处移动 —— Swing 替您负责全部这些工做。做为 UI 开发人员,利用 JJTextField 时,实际上并不须要作什么。
在任何状况下,这是 JTextField 实际使用时看起来的样子:
JTextField
在处理 JTextField 时,只须要关注一个方法 —— 这应当是很明显的,这个方法就是设置文本的方法: get/setText()
,用于获取/设置 JTextField 中的文本。
JFrame
迄今为止,我介绍了 Swing 的三个基本构造块:标签、按钮和文本字段;可是如今须要个地方放它们,但愿用户知道如何处理它们。JFrame 类就是作这个的——它是一个容器,容许您把其余组件添加到它里面,把它们组织起来,并把它们呈现给用户。它有许多其余好处,可是我认为先看看它的图片最简单:
JFrame
JFrame 实际上不只仅让您把组件放入其中并呈现给用户。比起它表面上的简单性,它其实是 Swing 包中最复杂的组件。为了最大程度地简化组件,在独立于操做系统的 Swing 组件与实际运行这些组件的操做系统之间,JFrame 起着桥梁的做用。JFrame 在本机操做系统中是以窗口的形式注册的,这么作以后,就能够获得许多熟悉的操做系统窗口的特性:最小化/最大化、改变大小、移动。可是对于本教程的目标来讲,把 JFrame 看成放置组件的调色板就足够了。能够在 JFrame 上调用的一些修改属性的方法是:
- get/setTitle(): 获取/设置帧的标题。
- get/setState(): 获取/设置帧的最小化、最大化等状态。
- is/setVisible(): 获取/设置帧的可视状态,换句话说,是否在屏幕上显示。
- get/setLocation(): 获取/设置帧在屏幕上应当出现的位置。
- get/setsize(): 获取/设置帧的大小。
- add(): 将组件添加到帧中。
简单应用程序
就像全部的“x 入门”教程同样,本教程也包含必不可少的 HelloWorld 演示。但这个示例不只对观察 Swing 应用程序如何工做有用,还对确保设置正确颇有用。一旦使这个简单的应用程序可以成功运行,那么以后的每一个示例也将可以运行。下图显示了完成后的示例:
HelloWorld 示例
第一步是建立类。将组件放在 JFrame 上的 Swing 应用程序须要继承JFrame 类,以下所示:
publicclassHelloWorldextendsJFrame
这样作以后,就获得上面描述的全部 JFrame 属性,最重要的是操做系统对窗口的本机支持。下一步是把组件放在屏幕上。在这个示例中,使用了一个 null 布局。在教程的后面部分,您将学到更多关于布局和布局管理器的内容。但对于这个示例,能够用数字表示 JFrame 上的像素位置:
publicHelloWorld()
{
super();
this.setSize(300,200);
this.getContentPane().setLayout(null);
this.add(getJLabel(),null);
this.add(getJTextField(),null);
this.add(getJButton(),null);
this.setTitle("HelloWorld");
}
privatejavax.swing.JLabel getJLabel() {
if(jLabel ==null) {
jLabel =newjavax.swing.JLabel();
jLabel.setBounds(34,49,53,18);
jLabel.setText("Name:");
}
returnjLabel;
}
privatejavax.swing.JTextField getJTextField() {
if(jTextField ==null) {
jTextField =newjavax.swing.JTextField();
jTextField.setBounds(96,49,160,20);
}
returnjTextField;
}
privatejavax.swing.JButton getJButton() {
if(jButton ==null) {
jButton =newjavax.swing.JButton();
jButton.setBounds(103,110,71,27);
jButton.setText("OK");
}
returnjButton;
}
如今组件都放在了 JFrame 上,而且须要在屏幕上显示 JFrame,并让应用程序能够运行。就像在全部的 Java 应用程序中同样,必须添加一个 main 方法,才能让 Swing 应用程序运行。在这个 main 方法中,只须要建立 HelloWorld 应用程序对象,而后调用其setVisible()便可:
publicstaticvoidmain(String[] args)
{
HelloWorld w =newHelloWorld();
w.setVisible(true);
}
完成了!这就是建立应用程序的全部过程。
完整代码以下:
package cn.edu.jnu.www;
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
public class HelloWorld extends JFrame{
private JLabel jLabel;
private JTextField jTextField;
private JButton jButton;
public HelloWorld()
{
super();
this.setSize(300, 200);
this.getContentPane().setLayout(null);
this.add(getJLabel(), null);
this.add(getJTextField(), null);
this.add(getJButton(), null);
this.setTitle("HelloWorld");
}
private javax.swing.JLabel getJLabel() {
if(jLabel == null) {
jLabel = new javax.swing.JLabel();
jLabel.setBounds(34, 49, 53, 18);
jLabel.setText("Name:");
}
return jLabel;
}
private javax.swing.JTextField getJTextField() {
if(jTextField == null) {
jTextField = new javax.swing.JTextField();
jTextField.setBounds(96, 49, 160, 20);
}
return jTextField;
}
private javax.swing.JButton getJButton() {
if(jButton == null) {
jButton = new javax.swing.JButton();
jButton.setBounds(103, 110, 71, 27);
jButton.setText("OK");
}
return jButton;
}
public static void main(String[] args)
{
HelloWorld w = new HelloWorld();
w.setVisible(true);
}
}
附加的swing小部件(上)
JComboBox
在这一节中,我将介绍 Swing 库中的其余所有组件、如何使用它们、它们看起来是什么样的,等等,这部份内容应当让您更好地了解 Swing 为 UI 开发人员提供了什么。
咱们从 JComboBox 开始介绍。组合框与下拉选择类似,区别在于使用组合框时用户能够不从列表中选择项目,还能够选择一个(并且只有一个)项目。在某些版本的组合框中,还能够输入本身的选择。浏览器的地址栏就是一个示例:它是一个容许输入本身选项的组合框。如下是 JComboBox 在 Swing 中看起来的样子:
JComboBox

JComboBox 的重要函数包括 JComboBox 包含的数据。须要有一种方法来设置 JComboBox 中的数据、修改数据、在用户选择时获得用户的选择。可使用如下 JComboBox 方法:
addItem()
:添加一个项目到 JComboBox.
get/setSelectedIndex()
:获取/设置 JComboBox 中选中项目的索引。
get/setSelectedItem()
:获取/设置选中的对象。
removeAllItems()
:从 JComboBox 删除全部对象。
remoteItem()
:从 JComboBox 删除特定对象。
JTextField
JTextField 的一个细微变化是 JPasswordField,它容许您隐藏在文本字段区域中显示的字符。毕竟,在您输入口令的时候,若是每一个人都能看到,那可没什么好处?可能根本就很差,并且在私人数据如此脆弱的今天,您须要全部可以获得的帮助。如下是 JPasswordField 在 Swing 中看起来的样子:
JPasswordField

JPasswordField 上额外的“安全性”方法对 JTextField 的行为作了轻微改变,因此不能阅读文本:
get/setEchoChar()
:获取/设置每次字符输入时在 JPasswordField 中显示的字符。在获取口令时,不会返回“回声”,而是返回实际的字符。
getText()
: 不该当 使用这个函数,由于它会带来可能的安全问题(String 会保存在内存中,可能的堆栈转储会暴露口令)。
getPassword()
:这是从 JPasswordField 中得到口令的恰当方法,由于它返回一个包含口令的 char[]
。为了保证恰当的安全性,数组应当被清为 0,以确保它不会保留在内存中。
JCheckBox/JRadioButton
JCheckBox 和 JRadioButton 组件向用户呈现选项,一般采用多选的格式。区别是什么?从实践的角度来讲,它们没有那么不一样。它们的行为方式相同。可是,在通常的 UI 实践中,它们有细微差别:JRadioButton 一般组合在一块儿,向用户呈现带有必选答案的问题,并且这些答案具备强制性(这意味着问题只能有一个答案)。JRadioButton 的行为保证了这个用法。一旦选择了JRadioButton,就不能取消对它的选择,除非选择了在同一组中的另一个单选钮。从效果上看,这就保证了选项的唯一和必选。JCheckBox 的不一样在于,容许随机地选择/取消除选择,并容许为问题选择多个答案。
这里是个示例。问题“您是男孩仍是女孩!”有两个唯一答案选项“男孩”或“女孩”。用户必须选择一个,不能同时选中。另外一方面,问题“您的习惯是什么?”的答案有“跑步”、“睡觉”或“阅读”,不该当只容许为此问题选择一个答案,由于人们可能有不止一个习惯。
把这些 JCheckBoxe 或 JRadioButton 捆绑成一组的类是 ButtonGroup
类。它容许把选项组织在一块儿(例如“男孩”和“女孩”),这样,其中一个被选择时,另一个就自动取消选择。
如下是 JCheckBox 和 JRadioButton 在 Swing 中看起来的样子:
JCheckBox 和 JRadioButton

须要记住的重要的 ButtonGroup 方法是:
add()
:添加 JCheckBox 或 JRadioButton 到 ButtonGroup。
getElements()
:得到 ButtonGroup 中的所有组件,容许对它们进行迭代,找到其中选中的那个。
JMenu/JMenuItem/JMenuBar
JMenu、JMenuItem 和 JMenuBar 组件是在 JFrame 中开发菜单系统的主要构造块。任何菜单系统的基础都是 JMenuBar。它平淡而乏味,但倒是必需的,由于每一个 JMenu 和 JMenuItem 都要用它构建。要用 setJMenuBar()
方法把 JMenuBar 附着到 JFrame。一旦将它附加到 JFrame 中,就能够添加全部想要的菜单、子菜单和菜单项。
JMenu/JMenuItem 的区别看起来可能很明显,但实际上,在幕后看起来并不像表面那样。看看类的类层次结构,就知道JMenu
是 JMenuItem
的子类。可是,在表面上,它们是有区别的:用 JMenu 包含其余 JMenuItem 和 JMenu;JMenuItem 在选中时触发操做。
JMenuItem 也支持快捷键的概念。与您用过的大多数应用程序同样,Swing 应用程序容许您按下 Ctrl+(某个键)来触发一个操做,就像选中菜单键自己同样。想一想用来剪切和粘贴的快捷键 Ctrl+X 和 Ctrl+V。
除此以外,JMenu 和 JMenuItem 都支持访问键。用 Alt 键与某个字母关联,模拟菜单自己的选择(例如,在 Windows 中按下 Alt+F,而后按下 Alt+x 就能够关闭应用程序)。
如下是包含 JMenu 和 JMenuItem 的 JMenuBar 在 Swing 中的样子:
JMenuBar、JMenu 和 JMenuItem

这些类须要的重要方法是:
- JMenuItem and JMenu:
get/setAccelerator()
:获取/设置用做快捷键的 Ctrl+键。
get/setText()
:获取/设置菜单的文本。
get/setIcon()
:获取/设置菜单使用的图片。
- JMenu 专用:
add()
:添加另一个 JMenu 或 JMenuItem 到 JMenu(建立嵌套菜单)。
JSlider
在应用程序中 JSlider 支持数值变化。它是一种迅速而简单的方式,不只能让用户以可视形式得到他们当前选择的反馈,还能获得能够接受的值的范围。想像一下这种状况:能够提供一个文本字段,容许用户输入值,可是这样作就带来了额外的麻烦,要确保输入的值是数字,还要确保数字符合要求的数值范围。例如,若是有一个金融 Web 站点,它向您提问要在股票上投资的百分比,那么您不得不检查在文本字段中输入的值,以确保它们是数字,并且在 0 到 100 之间。若是换用 JSlider,那么就能够确保选择的是指定范围内的数字。
在 Swing 中,JSlider 看起来以下所示:
JSlider

JSlider 中的重要方法是:
get/setMinimum()
:获取/设置能够选择的最小值。
get/setMaximum()
:获取/设置能够选择的最大值。
get/setOrientation()
:获取/设置 JSlider 是上/下仍是左/右滚动条。
get/setValue()
:获取/设置 JSlider 的初始值。
JSlider
与 JSlider 很是像,能够用 JSpinner 容许用户选择一个整数值。JSlider 的一个主要优点就是比 JSlider 的空间紧凑。可是,它的不足就是没法方便地设置其边界。
可是,两个组件之间的比较仅此而已。JSpinner 更加灵活,能够用来在任意组的值之间进行选择。除了在数字间选择,它还能够用来在日期、名称、颜色和任何事之间进行选择。这使 JSpinner 极为强大,容许您提供其中只包含预约义的选择的组件。使用这种方式,它与 JComboBox 相似,可是它们的应用不能互换。只应把 JSpinner 用在逻辑上连续的选择 —— 数字和日期是最合逻辑的选择。而另外一方面,在呈现看起来随机的选择而且选择之间没有链接的时候,JComboBox 是更好的选择。
JSpinner 看起来以下所示:
JSpinner

重要方法是:
get/setValue()
:获取/设置 JSpinner 的初始值,在基本实例中,须要是整数。
getNextValue()
:获取按下上箭头按钮以后应当选中的下一个值。
getPreviousValue()
:获取按下下箭头按钮以后应当选中的前一个值。
JToolBar
JToolBar 充当其余组件(JButton、JComboBoxe 等)的调色板,共同构成您在大多数应用程序中熟悉的工具栏。工具栏容许程序把经常使用的命令放在能够迅速发现的位置,并把它们以经常使用命令组的形式组合在一块儿。通常(但不老是这样)状况下,工具栏按钮在菜单栏中会有对应的命令。虽然这不是必需的,但已经变成了一种公共实践,您也应当试着这么作。
JToolBar 也提供了您在其余工具栏中看到过的其余功能:“浮动”的能力(也就是成为主帧顶部独立的帧)。
下图显示了一个非浮动 JToolBar:
非浮动 JToolBar

对于 JToolBar,要记住的重要方法是:is/setFloatable()
,它获取/设置 JToolBar 是否能够浮动。
JToolTip
您可能处处都看到过 JToolTip,可是历来不知道它们叫什么。它们就像您鞋带上的塑料部件 —— 处处都有,可是您就是不知道它们正确的名字(若是您想知道,那么能够叫它们 金属箍)。JToolTip 就是您将鼠标停留在某个东西上面的时候弹出来的小“泡泡”。它们在应用程序中可能很是有用,能够为难用的项目提供帮助、扩展信息,甚至在拥挤的 UI 中显示某个项目的完整文本。在 Swing 中,能够经过把鼠标放在某个组件上的特定时间来触发它们;它们一般在鼠标处于不活动状态大约 1 秒钟以后显示。只要鼠标还停留在那个组件上,它们就保持可见。
JToolTip 的重要部分是它的易用性。setToolTip()
方法是 JComponent
类中的一个方法,这意味着每一个 Swing 组件都能有一个与之关联的工具提示。虽然JToolTip
自己也是一个 Swing 类,但目前,对于您的须要,它确实没有提供更多功能,并且自己也不应被建立。能够经过调用 JComponent 的 setToolTip()
函数访问和使用它。
如下是 JToolTip 看起来的样子:
A JToolTip

附加的swing小部件(下)
JOptionPane
JOptionPane
是在 Swing 中相似“快捷方式”的东西。一般,做为 UI 开发人员,您须要向用户呈现快速信息,让用户了解错误和信息。甚至可能想获得一些快速数据,例如名称或数字。在 Swing 中,JOptionPane
类为这些东西提供了快捷方式,但这并非它必须完成的任务。不须要让每一个开发人员重头开始重复相同的工做,Swing 已经提供了这个基本的但颇有用的类,为 UI 开发人员提供了获取和接收简单消息的简易方法。
如下是一个 JOptionPane:
JOptionPane

使用 JOptionPane 时有点麻烦的是可使用的所有选项。虽然简单,可是它仍然提供了大量选项,这些选项有可能形成混淆。学习 JOptionPane 的最好方法就是使用它;编写代码,观察弹出的是什么。这个组件几乎可让您修改它的每一方面:帧标题、消息自己、显示的图标、按钮选项,以及是否须要文本响应。由于有太多的可能性,没法在本教程中一一列举它们,因此您最好是访问 JOptionPane 的 API 页面,查看它的众多可能性。
JTextArea
JTextArea 比 JTextField 更进了一步。JTextField 被局限在一行文本中,而 JTextArea 扩展了这个能力,支持多行文本。能够把它想像成一个空白页,您能够在其中的任意地方进行输入。正如您可能猜到的,JTextArea 包含许多与 JTextField 相同的功能,毕竟,它们其实是相同的组件。可是 JTextArea 提供了一些额外的重要功能,能够把它区别开。这些功能包括单词自动换行的能力(即把长文本自动换行到下一行,而不是将单词从中断开)、对文本自动换行的能力(即把长的文本行移动到下一行,而不是建立一个须要水平滚动条的很是长的行)。
Swing 中的 JTextArea 看起来就像您指望的那样:
A JTextArea

支持行和单词的自动换行的重要方法是:
is/setLineWrap()
:设置在行过长的时候是否要自动换行。
is/setWrapStyleWord()
:设置在单词过长的时候是否要把长单词移到下一行。
JScrollPane
上面的示例构造完成以后,假设 JTextArea 包含太多文本,而给定的空间中容纳不下,那这该怎么办?若是您觉得会自动出现滚动条,那么很不幸,您错了。JScrollPane 添补了这个空白,为 Swing 组件提供了处理全部与滚动条相关的动做。因此虽然为每一个须要的组件提供滚动块可能有些痛苦,可是一旦添加了它,它就会自动处理每件事,包括在须要的时候隐藏/显示滚动条。
除了用须要自动换行的组件建立 JScrollPane 以外,没必要直接处理它。根据上面的示例,用 JTextArea 调用 JScrollPane 的构造函数,这为 JTextArea 建立了在文本过长时滚动的能力:
JScrollPane scroll = new JScrollPane(getTextArea()); add(scroll);
更新后的示例看起来以下所示:
JScrollPane 示例

JScrollPane 也公开了它将建立的两个 JScrollBar。这些 JScrollBar 组件也包含一些方法,能够用这些方法来修改组件的行为(虽然它们不在本教程的范围以内)。
使用 JScrollPane 须要的方法是:
getHorizontalScrollBar()
:返回水平的 JScrollBar 组件。
getVerticalScrollBar():
返回垂直的 JScrollBar 组件.
get/setHorizontalScrollBarPolicy()
:这个“策略”能够是如下三个之一:Always、Never 或 As Needed。
get/setVerticalScrollBarPolicy()
:与水平函数相同。
JList
JList 是一个有用的组件,用于向用户呈现许多选择。能够把它看成 JComboBox 的扩展。JList 提供了更多选择,并添加了多选的能力。在 JList 与 JComboBox 之间进行选择一般取决于如下两个特性:若是须要多选,或者选择的选项超过 15 个(虽然这个数字并非通用规则),那么就应当选择 JList。
应用将 JList 与 JScrollPane 结合使用,就像上面演示的那样,由于它可以呈现比它的空间所能容纳的更多的选项。
JList 包含选择模型的概念(在 JTable 中也会看到),在这里,能够设置 JList 接受不一样类型的选择。这些类型是:单一选择(只能选择一项)、单一间隔选择(只能选择相邻选项),以及任意多项或者多项间隔选择(能够选择任意数量、任意组合的选择)。
JList 是第一个我称为 “复杂组件” 的组件,该复杂组件还包含 JTable 和 JTree,它们支持大量的定制变化,其中包括改变 UI 的表现方式、处理数据的方式。由于本教程只是想介绍基础知识,因此我不想深刻这些更高级的功能,可是在使用这些组件时有件事须要记住 —— 它们带来的挑战要比目前为止介绍过的全部组件都大。
JList 在 Swing 中看起来以下所示:
JList

JList 中有许多处理数据的函数,并且根据个人说法,这些也只不过是使用 JList 的细节的皮毛而已。如下是一些基本方法:
get/setSelectedIndex()
:获取/设置列表中选中的行;在多选择列表的状况下,返回一个 int[]
。
get/setSelectionMode()
:与上面解释的同样,获取/设置选择模式,模式有:单1、单一间隔和多选间隔。
setListData()
:设置在 JList 中使用的数据。
get/setSelectedValue()
:得到选中的对象(与选中行号对应)。
JTable
在考虑 JTable 时,请想像一下一个 Excel 工做表,这样就能够对 JTable 在 Swing 中的做用有一个清晰的印象。它与工做表共享许多相同的特征:单元格、行、列、移动列、隐藏列等。JTable 把 JList 的想法更进了一步。它不是在一列中显示数据,而是在多列中显示数据。让咱们以人为例。JList 只能显示人的一个属性 —— 例如他或她的名字。而 JTable 就可以显示多个属性 —— 名字、年龄、地址,等等。JTable 是支持提供数据的大多数信息的 Swing 组件。
不幸的是,做为代价,JTable 也是最难对付的 Swing 组件。许多 UI 开发人员都为了学习 JTable 的每一个细节而头痛。在这里,我但愿我把能把您解救出来,只用您的 JTable 知识处理问题。
许多 JList 中的概念也扩展到了 JTable,其中包括不一样的选择间隔的概念。可是 JList 中一列的概念变成了 JTable 的单元格的概念。这意味着在 JTable 中进行选择时会有不一样的方式,例如列、行或者一个单元格。
在 Swing 中,JTable 看起来以下所示:
JTable

最后,JTable 的大多数函数都超出本教程的范围;“中级 Swing”会深刻这个复杂组件的更多细节。
JTree
JTree 是另一个复杂组件,它不像 JTable 那样难用,可是也不像 JList 那么容易。使用 JTree 时麻烦的部分是它要求的数据模型。
JTree 的功能来自树的概念,树有分支和叶子。您在 Windows 中使用 IE 浏览器时,可能很是熟悉这个概念 —— 能够展开和折叠分支,显示能够选择和取消选择的不一样叶子。
您颇有可能发现树在应用程序中不像表格或列表那样有用,因此在 Internet 上没有许多有帮助的这方面的示例。实际上,像 JTable 同样,JTree 没有什么入门级的功能。若是决定使用 JTree,那么当即就能够达到中级水平,固然还必须学习随之而来的概念。所以,示例应用程序没有介绍 JTree,因此也很不幸,无论是入门教程仍是中级教程,都没有涉及这个不太流行的组件。
可是,树有一些时候是符合需求的合理的 UI 组件。文件/目录系统就是一个示例(就像在 IE 浏览器中那样),并且当数据采起层次结构的时候,也就是说数据采用树的形式的时候,JTree 就是最佳组件。
在 Swing 中,JTree 看起来以下所示:
JTree

Swing概念
布局、模型和事件
既然您已经知道了大多数(确定不是所有)能够用来制做 UI 的组件,那么就必须实际用它们作些什么。您不能只是随意地把它们放在屏幕上,而后就期望它们当即就能工做。您必须把它们放在特定的点上,对它们的交互做出反应,而后根据交互更新它们,用数据填充它们。要填满 UI 知识的这片空白,还须要更多地学习 UI 的其余重要部分。
因此,让咱们来研究如下内容:
- 布局:Swing 包括许多布局,布局也是类,负责处理组件在应用程序中的摆放位置,以及在应用程序改变尺寸或者删除、添加组件时对组件进行相应处理。
- 事件:您须要对按下按钮、单击鼠标和用户在 UI 上能作的每件事进行响应。想像一下,若是不能响应会发生什么 —— 用户单击以后,什么变化也没有。
- 模型: 对于更高级的组件(列表、表格和树),以及一些像 JComboBox 这样的更容易的组件来讲,模型是处理数据最有效的途径。它们把大部分处理数据的工做从实际的组件自己撤出来(请回想一下前面讨论的 MVC),并提供了一个公共数据对象类(例如
Vector
和ArrayList
)的包装器。
简单布局
就像在前面提到过的,布局替您处理组件在应用程序中的摆放。您的第一个问题多是“为何不能用像素告诉它应当在什么地方呢?”是的,您能够这样作,可是在窗口改变大小的时候,或者更糟一些状况,即用户改变其屏幕的分辨率的时候,亦或在有人想在其余操做系统上试用应用程序的时候,您马上就会遇到麻烦。布局管理器把这些担忧一扫而空。不是每一个人都用相同的设置,因此布局管理器会建立“相对”布局,容许您指定组件相对于其余组件的摆放方式,决定事物改变尺寸的方式。这是好的部分:比听起来更容易。只要调用 setLayout(yourLayout)
设置布局管理器便可。后面对 add()
的调用能够将组件添加到容器中,并让布局管理器负责将它放在应当的位置上。
目前在 Swing 中包含了大量布局;看起来好象每次发布都会有一个新布局负责不一样的目的。可是,有些通过实践检验的布局一直存在,并且会永远存在,我指的是永远 —— 由于从 1995 年 Java 语言的第一个发行版开始,就有这些布局。这些布局是:FlowLayout、GridLayout 和 BorderLayout。
FlowLayout 从左到右安排组件。当空间不足时,就移到下一行。它是使用起来最简单的布局,所以,也就是能力最弱的布局:
setLayout(new FlowLayout()); add(new JButton("Button1")); add(new JButton("Button2")); add(new JButton("Button3"));
FlowLayout 实例

GridLayout 就像您想像的那样工做:它容许指定行和列的数量,而后在添加组件时把组件放在这些单元格中:
setLayout(new GridLayout(1,2)); add(new JButton("Button1")); add(new JButton("Button2")); add(new JButton("Button3"));
GridLayout 实例

即便 Swing 中添加了许多新的布局管理器,BorderLayout 仍然是其中很是有用的一个。即便有经验的 UI 开发人员也常用 BorderLayout。它使用东、南、西、北、中的概念在屏幕上放置组件:
setLayout(new BorderLayout()); add(new JButton("Button1"), "North"); add(new JButton("Button2"), "Center"); add(new JButton("Button3"), "West");
BorderLayout 实例

GridBagLayout
虽然上面的示例对于简单的布局来讲很好,可是更高级的 UI 须要更高级的布局管理器。这是 GridBagLayout 发挥做用的地方。不幸的是,使用它的时候极易混淆、极为困难,每一个曾经用过它的人都会赞成这点。我也不能反对;可是除了它的困难以外,它多是用 Swing 内置的布局管理器建立漂亮 UI 的最好方式。
如下是个人第一个小建议:在最新版的 Eclipse 中,有内置的可视化构建器,这个个小建议能够自动根据每一个屏幕的须要来构建必需的 GridBagLayout 代码。请使用这个功能!它会节约无数为了让数字正确而浪费的时间。因此在我用这一节解释 GridBagLayout 如何工做、如何调整它才能让它作得最好时,建议您去找一个可视化构建器并生成代码。它会节约您的工做时间
事件
最后,咱们来到 Swing 最重要的一部分:处理事件,对 UI 的交互做出反应。Swing 用事件/侦听器模型处理事件。这个模型的工做方式是:容许某个类登记到某个组件的某个事件上。登记到事件的这个类叫作侦听器,由于它等候组件的事件发生,并且在事件发生时采起行动。组件自己知道如何“激活”事件(即,知道它能生成的交互类型,以及如何让侦听器知道这个交互何时发生)。组件与包含有关交互信息的事件和类针对交互进行通讯。
把技术方面的空谈放在一边,咱们来看几个 Swing 中事件的实例。首先从最简单的示例开始,即一个 JButton,按下它的时候,会在控制台上输出“Hello”。
JButton 知道它何时被按下;这是在内部处理的,不须要代码处理它。可是,侦听器须要进行登记,以接收来自 JButton 的事件,这样您才能输出“Hello”。listener
类经过实现 listener
接口而后调用 JButton 上的 addActionListener()
作到这一点:
// Create the JButton JButton b = new JButton("Button"); // Register as a listener b.addActionListener(new HelloListener()); class HelloListener implements ActionListener { // The interface method to receive button clicks public void actionPerformed(ActionEvent e) { System.out.println("Hello"); } }
JList 也用相似的方式工做。当有人在 JList 中选中什么时,您可能想把选中的对象输出到控制台上:
// myList is a JList populate with data myList.addListSelectionListener(new ListSelectionListener() { public void valueChanged(ListSelectionEvent e) { Object o = myList.getSelectedItem(); System.out.println(o.toString()); } } );
从这两个示例,您应当可以理解事件/侦听器模型在 Swing 中如何工做了。实际上,Swing 中的每一个交互都是以这种方式处理的,因此经过理解这个模型,您就当即可以理解在 Swing 中如何处理每一个事件,以及如何对用户可能抛给您的任何交互作反应了。
模型
如今,您应当了解了 Java 的集合(Collection),这是一组处理数据的 Java 类。这些类包括 ArrayList
、HashMap
和 Set
。大多数应用程序在反复处理数据时,常常用这些类。可是,当须要在 UI 中使用这些数据类时,出现了一个限制。UI 不知道如何显示它们。请先想一分钟。若是有一个 JList
和一个某种数据对象(例如 Person
对象)的 ArrayList
,JList
怎样才能知道要显示什么?它是要显示某我的的名字,仍是连名带姓一块儿显示?
这就是模型的概念发挥做用的地方了。虽然模型这个术语表达的范围更大,可是在本教程的示例中,我用 UI 模型这个术语描述组件用来显示数据的类。
在 Swing 中每一个处理集合数据的的组件都采用模型的概念,并且这也是使用和操纵数据的首选方法。它清晰地把 UI 的工做与底层数据分开(请回想 MVC 示例)。模型工做的机制是向组件描述如何显示集合数据。我说的“描述”指的是什么呢?每一个组件须要的描述略有不一样:
- JComboBox 要求其模型告诉它把什么文本做为选项显示,以及有多少选项。
- JSpinner 要求其模型告诉它显示什么文本,前一个和下一个选择是什么。
- JList 也要求其模型告诉它把什么文本做为选项显示,存在多少选项。
- JTable 要求的更多:它要求模型告诉它存在多少列和多少行,列名称、每列的类以及在每一个单元格中显示什么文本。
- JTree 要求它的模型告诉它整个树的根节点、父节点和子节点。
您可能会问:为何要作这么些工做?为何要把这些功能分开?请想像如下场景:您有一个复杂的 JTable,有许多列数据,您在许多不一样的屏幕上使用这个表格。若是您忽然决定删除某个列,那么怎么作会更容易呢?修改您使用的每一个 JTable 实例中的代码?仍是建立一个能够在每一个 JTable 实例中使用的模型类,而后只修改这一个模型类呢?显然,所作的修改越少越好。
模型示例
咱们来看看模型如何工做,在一个简单的 JComboBox 示例中使用模型。在 JComboBox 前面的演示中,我介绍了如何调用 setItem()
向数据中添加项目。虽然对于简单的演示,这样作能够接受,可是在实际的应用程序中不多这么用。毕竟,在有 25 个选项,并且选项不断变化的时候,您还真的想每次都调用 addItem()
25 次对这些选项进行迭代吗?固然不是。
JComboBox 包含一个方法调用 setModel()
,它接受 ComboBoxModel
类的实例。应当用这个方法代替 addItem()
方法来建立 JComboBox 中的数据。
假设有一个 ArrayList
,其中使用字母表做为其数据(“A”、“B”、“C” ,等等):
MyComboModel model = new MyComboModel(alphaList); myComboBox.setModel(model); public class MyComboModel implements ComboBoxModel { private List data = new ArrayList(); private int selected = 0; public MyComboModel(List list) { data = list; } public void setSelectedItem(Object o) { selected = data.indexOf(o); } public Object getSelectedItem() { return data.get(selected); } public int getSize() { return data.size(); } public Object getElementAt(int i) { return data.get(i); } }
采用模型时更好的地方是:您能够反复重用它。例如,假设 JComboBox 的数据须要从字母表变成 1 到27 的数字。那么只用一行就能够实现这个变化:用新的数据 List
添加 JComboBox,不须要使用额外的代码:
myComboBox.setModel(new MyComboModel(numberList));
模型在 Swing 中是很是有好处的特性,由于它们提供了代码重用功能,并且使数据处理更加容易。更常见的应用是在大型应用程序中,服务器端开发人员建立和检索数据,并把数据传递给 UI 开发人员。如何处理这些数据和正确地显示它们,取决于 UI 开发人员,而模型就是实现这项任务的工具。
Swing入门(一)
(2009-04-21 00:02:20)
(转自http://terrificwanjun.bokee.com)
package cn.edu.jnu.www;
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
public class test {
public static void main(String[] args) {
JFrame a=new JFrame("中继数据库系统");
Container c=new Container();
//Swing更强调容器的概念,通常不容许之间将组件放置到顶层容器中
//而是放在容器框架中,而awt则是直接放的
a.setSize(200,200);
a.setLocation(100, 200);
a.setLayout(new BorderLayout());
JButton b=new JButton("GO");
c=a.getContentPane();
c.add(b,BorderLayout.SOUTH);
a.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
a.setVisible(true);
}
}
Swing学习(二)
(2009-04-21 00:03:22)
(转自http://terrificwanjun.bokee.com)
接触java几天,本身试着作了第一个java程序,其实只是一个简单的对话框窗口,不过作起仍是费了半天功夫,主要是对一些语法还不太熟悉,幸好有CSDN上的朋友相助,问题得以解决.
import java.awt.*;
import javax.swing.*;
public void class AboutDialog extends JDialog { //这里误用void,返回空值
public AboutDialog() {
this.setTitle("About"); //窗体标题显示
this.setSize(320, 200); //窗体的大小
JLabel about = new JLabel("关于:JAVA的一个窗口 :) "); //对话框内容
about.setHorizontalAlignment(SwingConstants.CENTER); //内容显示在窗口的中央
this.getContentPane().add(about, BorderLayout.CENTER);
}
public static void main(String[] args) throws HeadlessException {
AboutDialog kk = new AboutDialog() ;
kk.setVisible(true); //原来的show()显示已过期
kk.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE);
}
}
上面误用void生成的结果,有兴趣的朋友能够试试.另外查了一下J2SE API,才知道show( )方法已经被setvisible( )取代.
使用Frame建立窗体
在Awt中,Window类没有边界和菜单栏,因此不能直接使用Window类来建立窗体,必须使用Window类的子类Frame来建立,建立代码为:
package cn.edu.jnu.www;
import java.awt.*;
import java.awt.event.*;
public class FrameTest {
public static void main(String[] args) {
// TODO 自动生成方法存根
Frame myFrame=new Frame("Hello");
//Frame 是带有标题和边界的顶层窗口
myFrame.setLocation(250, 150);
//myFrame.setLayout(new BorderLayout(10,20));
//设置窗体布局,BorderLayout里面的两个参数用指定的组件之间的水平间距构造一个边界布局。
//BorderLayout为JAVA中的默认窗体布局
//myFrame.setLayout(new FlowLayout(FlowLayout.LEFT));
//设置窗体布局为FlowLayout,对齐方式居左对齐
//myFrame.setLayout(new GridLayout(3,2));
//设置窗体布局为GridLayout,将窗体分为6块,3行2列
myFrame.setSize(300,400);
Button myButton1=new Button("east");
Button myButton2=new Button("south");
Button myButton3=new Button("west");
Button myButton4=new Button("north");
Button myButton5=new Button("center");
//myFrame.add(myButton1,BorderLayout.EAST);
myFrame.add(myButton1,"East");
//两种方法均可以,可是要注意大小写
myFrame.add(myButton2,BorderLayout.SOUTH);
myFrame.add(myButton3,BorderLayout.WEST);
myFrame.add(myButton4,BorderLayout.NORTH);
myFrame.add(myButton5,BorderLayout.CENTER);
//myFrame.addWindowListener(new myWindowListener());
//使用适配器的方法实现监听器做用
//myFrame.addWindowListener(new yourWindowListener());
//使用匿名内部类的方法实现监听器的功能,只有含有适配器的事件才可使用此方法
myFrame.addWindowListener(new WindowAdapter(){
public void windowClosing(WindowEvent e){
System.exit(0);
}
});
myFrame.setVisible(true);
//myFrame.show();//eclipse 不建议使用show()方法
}
}