swing初体验
对于想学习swing编程的朋友,我们特地为大家准备了一些小窍门。首先,下载并阅读代码是极有必要的。由于这是一篇关于swing的教程,所以,我们只是尽可能讲解一些与swing有关的内容,与swing无关的内容一般不会涉及,例如算法部分。其次,受篇幅限制,也不可能在这里将每部分代码都写得完完整整的,所以,大家也需要对照完整代码来看。最后,为了使大家更容易把精力集中在swing学习上,我们也将游戏开发中所需资源放在下载文件中,大家下载后便能够编译运行,看到执行结果。(下载游戏源文件)
1.顶层容器
什么是顶层容器?当我们使用java进行图形编程的时候,图在哪里绘制呢?我们需要一个能够提供图形绘制的容器,这个容器就被称为顶层容器,你也可以把它想象成一个窗口。顶层容器是进行图形编程的基础,一切图形化的东西,都必然包括在顶层容器中。在swing中,我们有三种可以使用的顶层容器,它们分别是:
jframe:用来设计类似于windows系统中的窗口形式的应用程序。
jdialog:和jframe类似,只不过jdialog是用来设计对话框。
japplet:用来设计可以在嵌入在网页中的java小程序。
如果需要使用swing制作一个窗口类程序,我们的代码看起来应该是这样:
import javax.swing.*;
public class kyodaiui
extends jframe {
……
}
2.控件
控件是构成应用程序界面的基本元素,按钮、文本框、进度条等,这些都是控件。控件(这里我们只讨论可视化控件)又可以分为容器控件和非容器控件。从字面意义上来理解,容器控件就是能包含其他控件的特殊控件,例如,java中的jpanel控件就属于容器型控件,我们可以在jpanel中放置按钮、文本框等非容器控件,你甚至可以在jpanel中再放置若干个jpanel控件(值得注意的是,顶层容器也是容器型控件,每一个窗口应用程序中有且只能有一个顶层容器控件,换句话说,顶层容器不能包括在其他的控件中)。
java中的容器控件有很多,除刚才提到的jpanel外,还有jtabbedpane、jscrollpane等,非容器控件有jbutton、jlabel、jtextfield等。如果你需要向某个容器型的控件中添加控件,你可以使用 add(component comp) 方法来实现,如:
jpanel panel = new jpanel();
jbutton button = new jbutton();
panel.add(button);
3.布局
什么是布局?布局是java中用来控制控件排列位置的一种界面管理系统。使用过其他可视化编程开发语言的人在初次接触java界面设计时,总会感觉到java界面设计很别扭:居然没有提供所见即所得的设置控件坐标的方法!然而,事实证明,java本身提供的布局管理系统也一样能够出色地完成我们的需要,而且在跨平台时表现得更有优势。
常用的布局有:
borderlayout:将界面分割为上下左右以及中间一块区域的管理系统,在borderlayout布局中,最多你只能放5个控件,如果超过5个控件,建议还是选用其他的布局系统吧。
gridlayout:gridlayout是将用户界面切割为棋盘一样的布局管理系统。如果我们要设计一个类似于windows中自带的计算器软件,gridlayout无疑是最佳选择。
flowlayout:flowlayout与上述两类布局管理系统不太一样,在flowlayout中,你不必指定每个控件放在哪,你只需要把控件加入到flowlayout中,flowlayout就会根据你添加控件的顺序依次放置控件,如果空间不够,会自动换行。
在对这几个布局管理系统有了基本认识后,我们就一起来进入界面设计吧。在仔细观察了qq游戏中“连连看”的设定后,我们可以发现,整个界面分为三个区,顶部是系统菜单区,占地面积最大的是用户游戏区,另外还有一个用户交互区,每个区域中都由若干控件组成。
这么多控件,我们从哪开始入手呢?由于容器控件中可以放置其他控件,因此,我们只需要先确定放置的容器控件就可以了。 既然已经知道需要使用容器控件的个数,接下来让我们就进入布局管理系统的选择。用gridlayout?似乎有点勉强,用flowlayout?还有更好的选择吗?对了,我想你一定想到了是borderlayout吧,如下图2所示。
动手之前,大家一定要注意的是,界面的设计要先考虑好尺寸,不管是主程序界面的大小还是每个区域的大小,如果没有设计好合适的尺寸,将来改动起来会十分痛苦。
下面便是相应的源程序:
import java.awt.*;
import javax.swing.*;
public class kyodaiui extends jframe {
public kyodaiui() {
this.setsize(780, 500); //将窗体的大小设定为780*500
this.setdefaultcloseoperation(jframe.exit_on_close);
this.setresizable(false); //窗体不能改变大小
this.settitle("连连看"); //设置标题
jpanel toolbar = new jpanel();
toolbar.setbackground(color.white);
toolbar.setpreferredsize(new dimension(780, 48));
jpanel actionpanel = new jpanel(); //新建jpanel型的控件
actionpanel.setbackground(color.yellow); //设置背景色
actionpanel.setpreferredsize(new dimension(160, 380)); //设置大小
jpanel contentpanel = new jpanel();
contentpanel.setbackground(color.blue);
contentpanel.setpreferredsize(new dimension(620, 380));
this.getcontentpane().add(toolbar, borderlayout.north);
this.getcontentpane().add(actionpanel, borderlayout.east);
this.getcontentpane().add(contentpanel, borderlayout.center);
}
public static void main(string[] args) throws headlessexception {
kyodaiui kyodaiui = new kyodaiui();
kyodaiui.show();
}
}
让我们来看看上面这段程序是如何运行的。首先,extends jframe表明了这是从jframe中继承过来的,jframe是最基本的顶层容器控件。实际上,在jdk中,以字母j打头的控件都是swing控件。然后设置了容器的属性,其中,setdefaultcloseoperation(jframe.exit_on_close)是用来告诉java虚拟机,当用户点击窗体右上角的“关闭”按钮时,关闭该窗口进程。如果不这么做的话,你会发现虽然你可以点将窗口关闭,然而程序却没有退出。在接下来的代码中,我们为顶层容器添加了三个panel容器。要注意的是,在awt中,我们可以直接写为add(toolbar, borderlayout.north) ,而在 swing 中却一定要写成getcontentpane(). add(toolbar, borderlayout.north) ,否则程序就会出错。
现在大家可以放在编译运行看看,是不是和我的运行结果一样(见图3)?
4.边框
虽然我们使用了不同前景色来区别不同的区域,然而却没有层次感,加上边框一定会漂亮许多。
在java中,所有以j打头的swing控件都可以使用setborder方法来为自己设置边框。边框有很多种,线型、凸起、凹下、空的,你甚至可以自由组合形成个人风格。所有的border都必须使用javax.swing.borderfactory中提供的静态方法来创建,比如:
border border = borderfactory.createbevelborder(bevelborder.lowered,
new color(45, 92, 162),
new color(43, 66, 97),
new color(45, 92, 162),
new color(84, 123, 200));
现在,我们将toolbar.setbackground(color.white)改为toolbar.setborder(border),立体效果是不是已经出现了?
实战??写上自己的大名
现在我们已经有了一个能够运行的界面了,虽然它什么也做不了,但是请你别慌,罗马不是一天建成的。
现在让我们在菜单区提供一个“关于”菜单,用来显示程序的信息,难道你不想让别人知道你的大名吗?swing本身就提供了现成的按钮控件jbutton,我们只需要创建一个新的按钮:jbutton about = new jbutton("关于");这个按钮该怎么放到菜单区而不是别的地方呢?我们可以加入下面的代码:toolbar.add(about);咦,怎么点按钮没有反应?这是因为你还没有告诉程序点击按钮时要做什么事情呢。要为按钮添加事件响应,首先需要使用about.addactionlistener(this)来告诉程序监听按钮按下时的事件,由于actionlistener是一个程序接口,因此,我们在类的申明的地方也得做一点小小的修改:public class kyodaiui extends jframe implements actionlistener {...}实现actionlistener接口是为了告诉程序我要进行事件处理了。当然,最后我们得添加响应事件的代码:
public void actionperformed(actionevent e) {
if (e.getsource() == about) {
joptionpane.showmessagedialog(this, "我的大名", "关于",
joptionpane.information_message);
return ;
}
}
其中,e.getsource() 表示当前触发事件的控件,由于我们的程序中往往会有多个以上的控件,这些控件都有可能产生事件,所以我们必须使用这个方法来找到产生事情的控件。
小结
让我们一起来回顾一下今天所学的内容:首先我们了解了顶层容器,也知道了控件分为容器控件和非容器控件,同时还知道使用边框,最后,我们还小小的处理了一下按钮的事件。
学而时习之,不亦说乎,就让我留点小小的作业,帮助大家巩固一下今天所学的内容:上面我们添加的按钮在菜单栏的中间,并不美观
闽公网安备 35060202000074号