Chapter11MyJava教案.docx
- 文档编号:7657549
- 上传时间:2023-05-11
- 格式:DOCX
- 页数:16
- 大小:219.15KB
Chapter11MyJava教案.docx
《Chapter11MyJava教案.docx》由会员分享,可在线阅读,更多相关《Chapter11MyJava教案.docx(16页珍藏版)》请在冰点文库上搜索。
Chapter11MyJava教案
第十一章建立GUIs
本模块讲述图形用户界面的建立及布局。
它介绍了抽象视窗工具包,一种建立GUIs(图形用户界面)的类包。
第一节AWT
AWT提供用于所有Javaapplets及应用程序中的基本GUI组件,还为应用程序提供与机器的界面。
这将保证一台计算机上出现的东西与另一台上的相一致。
在学AWT之前,简单回顾一下对象层次。
记住,超类是可以扩展的,它们的属性是可继承的。
而且,类可以被抽象化,这就是说,它们是可被分成子类的模板,子类用于类的具体实现。
显示在屏幕上的每个GUI组件都是抽象类组件的子类。
也就是说,每个从组件类扩展来的图形对象都与允许它们运行的大量方法和实例变量共享。
Container是Component的一个抽象子类,它允许其它的组件被嵌套在里面。
这些组件也可以是允许其它组件被嵌套在里面的容器,于是就创建了一个完整的层次结构。
在屏幕上布置GUI组件,容器是很有用的。
Panel是Container的最简单的类。
Container的另一个子类是Window。
Java.awt包
Java.awt包包含生成WIDGETS和GUI组件的类。
该包的基本情况如下图所示。
黑体字的类表明该模块的要点。
第二节建立图形用户界面
1、Container
Container有两个主要类型:
Window和Panel
Window是Java.awt.Window.的对象。
Window是显示屏上独立的本机窗口,它独立于其它容器。
Window有两种形式:
Frame(框架)和Dialog(对话框)。
Frame和Dialog是Window的子类。
Frame是一个带有标题和缩放角的窗口。
对话没有菜单条。
尽管它能移动,但它不能缩放。
Panel是Java.awt.Panel的对象。
Panel包含在另一个容器中,或是在Web浏览器的窗口中。
Panel确定一个四边形,其它组件可以放入其中。
Panel必须放在Window之中(或Window的子类中)以便能显示出来。
注—容器不但能容纳组件,还能容纳其它容器,这一事实对于建立复杂的布局是关键的,也是基本的。
滚动块也是Window的一个子类。
它在模块10“AWT组件集”里讨论。
2定位组件
容器里的组件的位置和大小是由布局管理器决定的。
容器对布局管理器的特定实例保持一个引用。
当容器需要定位一个组件时,它将调用布局管理器来做。
当决定一个组件的大小时,同样如此。
布局管理器完全控制容器内的所有组件。
它负责计算并定义上下文中对象在实际屏幕中所需的大小。
3组件大小
因为布局管理器负责容器里的组件的位置和大小,因此不需要总是自己去设定组件的大小或位置。
如果想这样做(使用setLocation(),setSize()或setBounds()方法中的任何一种),布局管理器将覆盖你的决定。
如果必须控制组件的大小或位置,而使用标准布局管理器做不到,那就可能通过将下述方法调用发送到容器中来中止布局管理器:
setLayout(null);
做完这一步,必须对所有的组件使用setLocation(),setSize()或setBounds(),来将它们定位在容器中。
请注意,由于窗口系统和字体大小之间的不同,这种办法将导致从属于平台的布局。
更好的途径是创建布局管理器的新子类。
第三节Frames
Frames是Window的一个子类。
它是带有标题和缩放角的窗口。
它继承于Java.awt.Container,因此,可以用add()方式来给框架添加组件。
框架的缺省布局管理器就是BorderLayout。
它可以用setLayout()方式来改变。
框架类中的构造程序Frame(String)用由String规定的标题来创建一个新的不可见的框架对象。
当它还处于不可见状态时,将所有组件添加到框架中。
1.importjava.awt.*;
2.publicclassMyFrameextendsFrame{
3.publicstaticvoidmain(Stringargs[]){
6.MyFramefr=newMyFrame("HelloOutThere!
");
7.fr.setSize(500,500);
4.fr.setBackground(Color.blue);
5.fr.setVisible(true);
6.}
7.publicMyFrame(Stringstr){
8.super(str);
9.}
10.}
上述程序创建了下述框架,它有一个具体的标题、大小及背景颜色。
注—在框架显示在屏幕上之前,必须做成可见的(通过调用程序setVisible(true)),而且其大小是确定的(通过调用程序setSize()或pack())。
第四节Panels
象Frames一样,Panels提供空间来连接任何GUI组件,包括其它面板。
每个面板都可以有它自己的布管理程序。
一旦一个面板对象被创建,为了能看得见,它必须添加到窗口或框架对象上。
用Container类中的add()方式可以做到这一点。
下面的程序创建了一个小的黄色面板,并将它加到一个框架对象上:
第五节容器布局(ContainerLayout)
容器中组件的布局通常由布局管理器控制。
每个Container(比如一个Panel或一个Frame)都有一个与它相关的缺省布局管理器,它可以通过调用setLayout()来改变。
布局管理器负责决定布局方针以及其容器的每一个子组件的大小。
布局管理器
下面的布局管理器包含在Java编程语言中:
-FlowLayout—Panel和Applets的缺省布局管理器
-BorderLayout—Window、Dialog及Frame的缺省管理程序
-GridLayout
-CardLayout
-GridBagLayout
GridBag布局管理器在本模块中不深入讨论。
FlowLayout的一个简单例子
这个样板代码阐述了几个要点,将在下一节讨论。
main()方法
首先,它创建了ExGui对象的一个实例。
回想一下,直到一个实例存在,还没有被称做f,b1和b2的真实数据项可以使用。
第二,当数据空间被创建时,main()在该实例的上下文中调用实例方法go()。
在go()中,真正的运行才开始。
newFrame(“GUIExample”)
这个方法创建Java.awt.Frame类的一个实例。
根据本地协议,在Java编程语言中,Frame是顶级窗口,带有标题条—在这种情况下,标题条由构造程序参数“GUIExample”定义—缩放柄,以及其它修饰。
f.setLayout(newFlowLayout())
这个方法创建Flow布局管理器的一个实例,并将它安装在框架中。
对于每个Frame、Border布局来说,都有一个布局管理器,但本例中没有使用。
Flow布局管理器在AWT中是最简单的,它在某种程度上象一个页面中的单词被安排成一行一行的那样来定位组件。
请注意,Flow布局缺省地将每一行居中。
newButton(“PressMe”)
这个方法创建Java.awt.Button类的一个实例。
按钮是从本地窗口工具包中取出的一个标准按钮。
按钮标签是由构造程序的字符串参数定义的。
f.add(b1)
这个方法告诉框架f,它将包容组件b1。
b1的大小和位置受从这一点向前的Frame布局管理器的控制。
f.pack()
这个方法告诉框架来设定大小,能恰好密封它所包含的组件。
为了确定框架要用多大,f.pack()询问布局管理器,在框架中哪个负责所有组件的大小和位置。
f.setVisible(true)
这个方法使框架以及其所有的内容变成用户看得见的东西。
1Flow布局管理器
上面的例子中所用的Flow布局对组件逐行地定位。
每完成一行,一个新行便又开始。
与其它布局管理器不一样,Flow布局管理器不限制它所管理的组件的大小,而是允许它们有自己的最佳大小。
如果想将组件设定缺省居中的话,Flow布局构造程序参数允许将组件左对齐或右对齐。
如果想在组件之间创建一个更大的最小间隔,可以规定一个界限。
下面的例子就是如何用类容器的setLayout()方法来创建Flow布局对象并安装它们。
setLayout(newFlowLayout(intalign,inthgap,intvgap));
对齐的值必须是FlowLayout.LEFT,FlowLayout.RIGHT,或FlowLayout.CENTER。
例如:
setLayout(newFlowLayout(FlowLayout.RIGHT,20,40));
下述程序构造并安装一个新Flow布局,它带有规定好的对齐方式以及一个缺省的5单位的水平和垂直间隙。
对齐的值必须是FlowLayout.LEFT,FlowLayout.RIGHT,或FlowLayout.CENTER。
setLayout(newFlowLayout(intalign);
setLayout(newFlowLayout(FlowLayout.LEFT));
下述程序构造并安装一个新Flow布局,它带有规定好的居中对齐方式和一个缺省的5单位的水平和垂直间隙。
setLayout(newFlowLayout());
这个模块代码将几个按钮添加到框架中的一个Flow布局中:
importjava.awt.*;
publicclassMyFlow
{
privateFramef;
privateButtonbutton1,button2,button3;
publicstaticvoidmain(Stringargs[])
{
MyFlowmflow=newMyFlow();
mflow.go();
}
publicvoidgo()
{
f=newFrame("FlowLayout");
f.setLayout(newFlowLayout());
button1=newButton("Ok");
button2=newButton("Open");
button3=newButton("Close");
f.add(button1);
f.add(button2);
f.add(button3);
f.setSize(100,100);
f.setVisible(true);
}
}
2Border布局管理器
Border布局管理器为在一个Panel或Window中放置组件提供一个更复杂的方案。
Border布局管理器包括五个明显的区域:
东、南、西、北、中。
北占据面板的上方,东占据面板的右侧,等等。
中间区域是在东、南、西、北都填满后剩下的区域。
当窗口垂直延伸时,东、西、中区域也延伸;而当窗口水平延伸时,东、西、中区域也延伸。
Border布局管理器是用于Dialog和Frame的缺省布局管理器。
下例的代码是在第193页上:
注—当窗口缩放时,按钮相应的位置不变化,但其大小改变。
下面的代码对前例进行了修改,表示出了Border布局管理器的特性。
可以用从Container类继承的setLayout()方法来将布局设定为Border布局。
importjava.awt.*;
publicclassExGui2
{
privateFramef;
privateButtonbn,bs,bw,be,bc;
publicstaticvoidmain(Stringargs[])
{
ExGui2guiWindow2=newExGui2();
guiWindow2.go();
}
publicvoidgo()
{
f=newFrame("BorderLayout");
bn=newButton("B1");
bs=newButton("B2");
be=newButton("B3");
bw=newButton("B4");
bc=newButton("B5");
f.add(bn,BorderLayout.NORTH);
f.add(bs,BorderLayout.SOUTH);
f.add(be,BorderLayout.EAST);
f.add(bw,BorderLayout.WEST);
f.add(bc,BorderLayout.CENTER);
f.setSize(200,200);
f.setVisible(true);
}
}
setLayout(newBorderLayout());构造并安装一个新Border布局,在组件之间没有间隙。
setLayout(newBorderLayout(inthgap,intvgap);构造并安装一个Border布局,在由hgap和vgap规定的组件之间有规定的间隙。
在布局管理器中组件必须被添加到指定的区域,而且还看不见。
区域名称拼写要正确,尤其是在选择不使用常量(如add(button,”Center”))而使用add(button,BorderLayout.CENTER)时。
拼写与大写很关键。
可以使用Border布局管理器来产生布局,且带有在缩放时在一个方向、另一方向或双方向上都延伸的元素。
如果离开一个Border布局未使用的区域,,好象它的大小为0。
中央区域即使在不含组件的情况下仍然呈现为背景。
可以仅将单个组件添加到Border布局管理器五个区域的每一个当中。
如果添加不止一个,只有最后一个看得见。
后面的模块将演示如何用中间容器来允许不止一个组件被放在单个Border布局管理器区域的空间里。
3Grid布局管理器
Grid布局管理器为放置组件提供了灵活性。
用许多行和栏来创建管理程序。
然后组件就填充到由管理程序规定的单元中。
比如,由语句newGridLayout(3,2)创建的有三行两栏的Grid布局能产生如下六个单元:
因为有Border布局管理器,组件相应的位置不随区域的缩放而改变。
只是组件的大小改变。
Grid布局管理器总是忽略组件的最佳大小。
所有单元的宽度是相同的,是根据单元数对可用宽度进行平分而定的。
同样地,所有单元的高度是相同的,是根据行数对可用高度进行平分而定的。
将组件添加到网格中的命令决定它们占有的单元。
单元的行数是从左到右填充,就象文本一样,而页是从上到下由行填充。
setLayout(newGridLayout());
创建并安装一个Grid布局,每行中的每个组件有一个栏缺省。
setLayout(newGridLayout(introws,intcols));
创建并安装一个带有规定好行数和栏数的Grid布局。
对布局中所有组件所给的大小一样。
setLayout(newGridLayout(introws,intcols,inthgap,intvgap);
创建并安装一个带有规定好行数和栏数的网格布局。
布局中所有组件所给的大小一样。
hgap和vgap规定组件间各自的间隙。
水平间隙放在左右两边及栏与栏之间。
垂直间隙放在顶部、底部及每行之间。
注—行和栏中的一个,不是两个同时,可以为0。
这就是说,任何数量的对象都可以放在一个行或一个栏中。
第8—27页上所示的应用程序代码如下:
importjava.awt.*;
publicclassGridEx
{
privateFramef;
privateButtonb1,b2,b3,b4,b5,b6;
publicstaticvoidmain(Stringargs[])
{
GridExgrid=newGridEx();
grid.go();
}
publicvoidgo()
{
f=newFrame("Gridexample");
f.setLayout(newGridLayout(3,2));
b1=newButton("1");
b2=newButton("2");
b3=newButton("3");
b4=newButton("4");
b5=newButton("5");
b6=newButton("6");
f.add(b1);
f.add(b2);
f.add(b3);
f.add(b4);
f.add(b5);
f.add(b6);
f.pack();
f.setVisible(true);
}
}
4Card布局管理器
Card布局管理器能将界面看作一系列的卡,其中的一个在任何时候都可见。
用add()方法来将卡添加到Card布局中。
Card布局管理器的show()方法应请求转换到一个新卡中。
下例就是一个带有5张卡的框架。
鼠标点击左面板将视图转换到右面板,等等。
用来创建上图框架的代码段如下所示:
importjava.awt.*;
importjava.awt.event.*;
publicclassCardTestimplementsMouseListener
{
Panelp1,p2,p3;
Labell1,l2,l3;
CardLayoutmyCard;
Framef;
publicstaticvoidmain(Stringargs[])
{
CardTestct=newCardTest();
ct.init();
}
publicvoidinit()
{
f=newFrame("CardTest");
myCard=newCardLayout();
f.setLayout(myCard);
p1=newPanel();
p2=newPanel();
p3=newPanel();
l1=newLabel("ThisisthefirstPanel");
p1.setBackground(Color.yellow);
p1.add(l1);
l2=newLabel("ThisisthesecondPanel");
p2.setBackground(Color.green);
p2.add(l2);
l3=newLabel("ThisisthethirdPanel");
p3.setBackground(Color.magenta);
p3.add(l3);
f.add(p1,"First");
f.add(p2,"Second");
f.add(p3,"Third");
myCard.show(f,"First");
f.setSize(200,200);
f.setVisible(true);
}
}
5GridBag布局管理器
除了Flow、Border、Grid和Card布局管理器外,核心Java.awt也提供GridBag布局管理器。
GridBag布局管理器在网格的基础上提供复杂的布局,但它允许单个组件在一个单元中而不是填满整个单元那样地占用它们的最佳大小。
网格包布局管理器也允许单个组件扩展成不止一个单元。
第五节创建面板及复杂布局
下面的程序使用一个面板,允许在一个Border布局的北部地区放置两个按钮。
这种嵌套法对复杂布局来说是基本的。
请注意,就框架本身而论,面板被看作象另一个组件。
importjava.awt.*;
publicclassExGui3
{
privateFramef;
privatePanelp;
privateButtonbw,bc;
privateButtonbfile,bhelp;.
publicstaticvoidmain(Stringargs[])
{
ExGui3gui=newExGui3();
gui.go();
}
publicvoidgo()
{
f=newFrame("GUIexample3");
bw=newButton("West");
bc=newButton("Workspaceregion");
f.add(bw,BorderLayout.WEST);
f.add(bc,BorderLayout.CENTER);
p=newPanel();
bfile=newButton("File");
bhelp=newButton("Help");
p.add(bfile);
p.add(bhelp);
f.add(p,BorderLayout.NORTH);
f.pack();
f.setVisible(true);
}
}
当这个例子运行时,其结果如下所示:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Chapter11MyJava 教案