Swing初体验
对于想学习Swing编程的朋友我们特地为大家准备了一些小窍门首先下载并阅读代码是极有必要的由于这是一篇关于Swing的教程所以我们只是尽可能讲解一些与Swing有关的内容与Swing无关的内容一般不会涉及例如算法部分其次受篇幅限制也不可能在这里将每部分代码都写得完完整整的所以大家也需要对照完整代码来看最后为了使大家更容易把精力集中在Swing学习上我们也将游戏开发中所需资源放在下载文件中大家下载后便能够编译运行看到执行结果（下载游戏源文件）
顶层容器
什么是顶层容器？当我们使用Java进行图形编程的时候图在哪里绘制呢？我们需要一个能够提供图形绘制的容器这个容器就被称为顶层容器你也可以把它想象成一个窗口顶层容器是进行图形编程的基础一切图形化的东西都必然包括在顶层容器中在Swing中我们有三种可以使用的顶层容器它们分别是:
JFrame:用来设计类似于Windows系统中的窗口形式的应用程序
JDialog:和JFrame类似只不过JDialog是用来设计对话框
JApplet:用来设计可以在嵌入在网页中的Java小程序
如果需要使用Swing制作一个窗口类程序我们的代码看起来应该是这样:
import javaxswing*;
public class KyodaiUI
extends JFrame {
……
}
控件
控件是构成应用程序界面的基本元素按钮文本框进度条等这些都是控件控件(这里我们只讨论可视化控件)又可以分为容器控件和非容器控件从字面意义上来理解容器控件就是能包含其他控件的特殊控件例如Java中的JPanel控件就属于容器型控件我们可以在JPanel中放置按钮文本框等非容器控件你甚至可以在JPanel中再放置若干个JPanel控件(值得注意的是顶层容器也是容器型控件每一个窗口应用程序中有且只能有一个顶层容器控件换句话说顶层容器不能包括在其他的控件中)
Java中的容器控件有很多除刚才提到的JPanel外还有JTabbedPaneJScrollPane等非容器控件有JButtonJLabelJTextField等如果你需要向某个容器型的控件中添加控件你可以使用 add(Component comp) 方法来实现如:
JPanel panel = new JPanel();
JButton button = new JButton();
paneladd(button);
布局
什么是布局？布局是Java中用来控制控件排列位置的一种界面管理系统使用过其他可视化编程开发语言的人在初次接触Java界面设计时总会感觉到Java界面设计很别扭:居然没有提供所见即所得的设置控件坐标的方法！然而事实证明Java本身提供的布局管理系统也一样能够出色地完成我们的需要而且在跨平台时表现得更有优势
常用的布局有:
BorderLayout:将界面分割为上下左右以及中间一块区域的管理系统在BorderLayout布局中最多你只能放个控件如果超过个控件建议还是选用其他的布局系统吧
GridLayout:GridLayout是将用户界面切割为棋盘一样的布局管理系统如果我们要设计一个类似于Windows中自带的计算器软件GridLayout无疑是最佳选择
FlowLayout:FlowLayout与上述两类布局管理系统不太一样在FlowLayout中你不必指定每个控件放在哪你只需要把控件加入到FlowLayout中FlowLayout就会根据你添加控件的顺序依次放置控件如果空间不够会自动换行
在对这几个布局管理系统有了基本认识后我们就一起来进入界面设计吧在仔细观察了QQ游戏中连连看的设定后我们可以发现整个界面分为三个区顶部是系统菜单区占地面积最大的是用户游戏区另外还有一个用户交互区每个区域中都由若干控件组成
这么多控件我们从哪开始入手呢？由于容器控件中可以放置其他控件因此我们只需要先确定放置的容器控件就可以了 既然已经知道需要使用容器控件的个数接下来让我们就进入布局管理系统的选择用GridLayout？似乎有点勉强用FlowLayout？还有更好的选择吗？对了我想你一定想到了是BorderLayout吧如下图所示
动手之前大家一定要注意的是界面的设计要先考虑好尺寸不管是主程序界面的大小还是每个区域的大小如果没有设计好合适的尺寸将来改动起来会十分痛苦
下面便是相应的源程序:
import javaawt*;
import javaxswing*;
public class KyodaiUI extends JFrame {
public KyodaiUI() {
thissetSize( ); //将窗体的大小设定为*
thissetDefaultCloseOperation(JFrameEXIT_ON_CLOSE);
thissetResizable(false); //窗体不能改变大小
thissetTitle(连连看); //设置标题
JPanel toolBar = new JPanel();
toolBarsetBackground(Colorwhite);
toolBarsetPreferredSize(new Dimension( ));
JPanel actionPanel = new JPanel(); //新建JPanel型的控件
actionPanelsetBackground(Coloryellow); //设置背景色
actionPanelsetPreferredSize(new Dimension( )); //设置大小
JPanel contentPanel = new JPanel();
contentPanelsetBackground(Colorblue);
contentPanelsetPreferredSize(new Dimension( ));
thisgetContentPane()add(toolBar BorderLayoutNORTH);
thisgetContentPane()add(actionPanel BorderLayoutEAST);
thisgetContentPane()add(contentPanel BorderLayoutCENTER);
}
public static void main(String[] args) throws HeadlessException {
KyodaiUI kyodaiUI = new KyodaiUI();
kyodaiUIshow();
}
}
让我们来看看上面这段程序是如何运行的首先extends JFrame表明了这是从JFrame中继承过来的JFrame是最基本的顶层容器控件实际上在JDK中以字母J打头的控件都是Swing控件然后设置了容器的属性其中setDefaultCloseOperation(JFrameEXIT_ON_CLOSE)是用来告诉Java虚拟机当用户点击窗体右上角的关闭按钮时关闭该窗口进程如果不这么做的话你会发现虽然你可以点将窗口关闭然而程序却没有退出在接下来的代码中我们为顶层容器添加了三个Panel容器要注意的是在AWT中我们可以直接写为add(toolBar BorderLayoutNORTH) 而在 Swing 中却一定要写成getContentPane() add(toolBar BorderLayoutNORTH) 否则程序就会出错
现在大家可以放在编译运行看看是不是和我的运行结果一样(见图)？
边框
虽然我们使用了不同前景色来区别不同的区域然而却没有层次感加上边框一定会漂亮许多
在Java中所有以J打头的Swing控件都可以使用setBorder方法来为自己设置边框边框有很多种线型凸起凹下空的你甚至可以自由组合形成个人风格所有的Border都必须使用javaxswingBorderFactory中提供的静态方法来创建比如:
Border border = BorderFactorycreateBevelBorder(BevelBorderLOWERED
new Color( )
new Color( )
new Color( )
new Color( ));
现在我们将toolBarsetBackground(Colorwhite)改为toolBarsetBorder(border)立体效果是不是已经出现了？
实战??写上自己的大名
现在我们已经有了一个能够运行的界面了虽然它什么也做不了但是请你别慌罗马不是一天建成的
现在让我们在菜单区提供一个关于菜单用来显示程序的信息难道你不想让别人知道你的大名吗？Swing本身就提供了现成的按钮控件JButton我们只需要创建一个新的按钮:JButton about = new JButton(关于);这个按钮该怎么放到菜单区而不是别的地方呢？我们可以加入下面的代码:toolBaradd(about);咦怎么点按钮没有反应？这是因为你还没有告诉程序点击按钮时要做什么事情呢要为按钮添加事件响应首先需要使用aboutaddActionListener(this)来告诉程序监听按钮按下时的事件由于ActionListener是一个程序接口因此我们在类的申明的地方也得做一点小小的修改:public class KyodaiUI extends JFrame implements ActionListener {}实现ActionListener接口是为了告诉程序我要进行事件处理了当然最后我们得添加响应事件的代码:
public void actionPerformed(ActionEvent e) {
if (egetSource() == about) {
JOptionPaneshowMessageDialog(this 我的大名 关于
JOptionPaneINFORMATION_MESSAGE);
return ;
}
}
其中egetSource() 表示当前触发事件的控件由于我们的程序中往往会有多个以上的控件这些控件都有可能产生事件所以我们必须使用这个方法来找到产生事情的控件
小结
让我们一起来回顾一下今天所学的内容:首先我们了解了顶层容器也知道了控件分为容器控件和非容器控件同时还知道使用边框最后我们还小小的处理了一下按钮的事件
学而时习之不亦说乎就让我留点小小的作业帮助大家巩固一下今天所学的内容:上面我们添加的按钮在菜单栏的中间并不美观
