【文档说明】JAVA教程第3章(程序界面设计)课件.ppt，共(74)页，3.184 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-45168.html

以下为本文档部分文字说明：

第3章程序界面设计本章提要◆用户界面类型◆常用界面元素的使用◆常用图形元素的使用用户界面是系统提供给外界的用户接口，通过这一接口，我们可以对系统进行操作，指挥系统按照某种流程运行。在诸如银行业务、飞机售票等这些业务中，每天都会有大量的事务处理。我们必须为办事人员提供操作方便，美观大方的操作界

面。例如，银行办事人员的帐号操作界面，应将各种输入框合理布局在界面中；为飞机票售票员提供的查询航班的界面，应以列表的形式显示航班次数，等等。良好的用户界面将使得软件更加人性化,如应易于展现功能,且对于用户而言是必要的。引子:软件的用户界面

重要吗?本章知识要点用户界面的类型Java中提供的GUI组件类SWING高级组件图形绘制声音文件处理任务1设计产品信息处理界面问题分析知识学习用户界面的类型Java中提供的GUI组件类任务实施执行效果问题分析任务描述：编写一个程序，能够实现产品信息处理界面步骤

分析：了解Java程序用户界面类型构建图形用户界面的方法常用组件设计产品信息处理界面，分析需要什么组件，及大小，形状编写代码编译执行知识学习——用户界面类型用户界面分为两类：字符用户界面（CUI）图形用户界面（GUI）知识学习——AWT和SWINGAWT和SWI

NG是Java设计GUI用户界面的基础。AWT为重量级组件，Swing则大部分是轻量级组件。AWT是Swing的基础，而基于图形化用户界面发展需要，采用纯Java实现了轻量级先进的组件，更为美观易用，且无本地代码，从而不依赖本地操作系统（AWT会因操作系统不同，出现不同显

示效果）。但有一些类是Swing无法代替的，实现用户界面时，可选择Swing绘制界面上的元素，而将AWT用于界面布局、图形绘制、字体设置、事件处理等。进行界面元素的绘制时，不要混用AWT、Swing。知识学习——AWT和SWINGAWT：在Java1.

0版本中，图形元素包括在java.awt包中。Java的AWT包定义了窗口系统所显示的各种对象，既包括组织窗口屏幕元素所需的基本类，也包括图形处理，显示所需的基本类。java.awtjava.awt.EventColorFontImageFlowLayout,

CardLayout,BorderLayout,GridBagLayoutGraphicsComponent知识学习——AWT和SWINGAWT：ComponenetButtonWindowPanelContainerChoiceListLabe

lTextAreaTextFieldDialogFrame知识学习——AWT和SWINGSWING是原先AWT的扩充。它加入了广泛的、可完全移植的、类和库的集合。JFC作为Java平台的一部分，它有丰富的组件集合，这些都是完全平台独立的。Javax.swin

g.*组件类描述JFrame扩展了java.awt.Frame的外部窗体类JAppletjava.applet.Applet类的扩展JButton能显示文本和图形的按钮类JCheckBox能显示文本和图

形的复选框类JComboBox带下拉列表的文本框类JDialogSwing对话框的基类，扩展了AWT的Dialog类JLable可显示文本和图标的标签类JList显示选项列表的组件类JOptionPane显示标准的对话框类JPasswordF

ield文本框类的扩展，使得输入的内容不可见JPanel通用容器类JRadioButton单选按钮类JTable表格类JTextArea用于输入多行文本的文本框类JTextField单行文本框类知识学习——AWT和SWING知识学习——图形用户界面组成容器框架JFrame面板J

Panel容器面板JPanel组件文本框JText姓名组件标签JLabel提交组件按钮JButtonl男女组件单选JRadioButton用户界面组成蓝球组件复选JCheckBoxJFrame类：框架（JFrame）是带标题的顶层窗口从类的层次上来看，它是Frame类的扩展

，属于Container类。JFrame类的构造方法有两种：JFramemyFrame=newJFrame();//不带标题的窗体JFramemyFrame=newJFrame(“MyFrame”);//带标题的窗体知识学习—

—SWING例子：//创建窗体对象frameframe=newJFrame("HelloJava");//创建一文本标签label=newJLabel("HelloJava");//初始化容器frameContainerc=frame.getConte

ntPane()//将文本标签添加到窗体（容器）上c.add(label);//设置窗口的大小frame.setSize(300,300);//设置窗口的可见性frame.setVisible(true);案例JFrameDemo.javaJPanel类:JPanel

类是一个大家会经常使用的容器类，被称为面板。一般情况下，我们把所有的组件加入到面板，然后将面板加入到框架。例子：JFrameframe=newJFrame("JPanalDemo");JButtonb1=newJButton("Button1");/

/创建panel对象JPanelpanel=newJPanel();//将按钮添加到面板panel.add(b1);//将面板添加到框架窗口frame.getContentPane().add(pane

l);frame.setSize(300,300);frame.setVisible(true);案例JPanelDemo.java知识学习——SWING有了面板，就可以将很多不同的窗体页面做成不同的panel，那么在这种情

况下，可以随时加载不同的panel达到页面转换的效果。例子：//从框架中移除panel1，加载panel2frame.remove(panel1);frame.getContentPane().add(panel2);fram

e.setVisible(true);frame.setSize(300,300);知识学习——SWING标签:标签是用来在用户界面中显示静态的文本。用JLabel类来创建一个标签控件。JLabellabel=newJLabel(“label”);文本字段:用JTextField类来创建一个

输入框控件。getText（）方法来得到文本输入框中的内容setText（）来设置文本输入框中的内容知识学习——SWING案例JComponentDemo.java列表框和组合框JList（列表框）和JComboB

ox（组合框）类都属于多值控件，它允许用户在其所给的列表中进行选择。列表框语法：String[]city={"北京","上海","广州","西安"};JListlistCity=newJList(city

);组合框语法：String[]city={"北京","上海","广州","西安"};JComboBoxcomboObj=newJComboBox(city);知识学习——SWING案例JCompone

ntDemo.java知识学习——SWING方法功能ObjectgetSelectedValue()返回选中项的值，null表未选。若允许选多项，则返回第一项的值。intgetSelectedIndex()返回选中项的索引号，若未选中任何项，则返回-1。若允许选择多项，则返回选中的第一

项索引。Object[]getSelectedValues()返回选中项的值的数组。int[]getSelectedIndices()返回选中项的索引的数组。intgetMinSelectionIndex()在需要选中多项时使用，返回最小索引号。intgetMaxSele

ctionIndex()在需要选中多项时使用，返回最大索引号。voidsetVisibleRowCount(intcount)用于设置列表框中可见元素的数量。booleanisSelectedIndex(intindex)判断该索引所

对应选项是否被选中booleanisSelectionEmpty()判断是否选择了，没有选择则返回truevoidsetListData(Object[]listData)设置数组为列表对象的数据源voidsetListData(Vectorlis

tData)设置Vector对象（可变长数组）为列表对象的数据源列表框常用方法方法功能voidaddItem(Objectitem)增加选项到组合框ObjectgetItemAt(intindex)得到指定索引的选项intgetItemCount()

得到组合框中的选项个数ObjectgetSelectedItem()得到选中项的值，若未选中任何值，则返回null。intgetSelectedIndex()得到选中的索引号，若未选中，则返回null。voidsetMaximumRowCoun

t(intcount)设置显示在下拉框的元素个数。组合框常用方法知识学习——SWING复选和单选按钮:复选按钮是通过JCheckBox来实现，单选按钮通过JRadioButton来实现。JCheckBox语法：JCheckBoxmusic;music=newJCh

eckBox(“音乐”);JRadioButton语法：JRadioButtongrade,high;grade=newJRadioButton(“小学”);high=newJRadioButton(“中学”);知识学习——SWING案例JComp

onentDemo.java按钮组语法：ButtonGroupbuttonGroup;buttonGroup=newButtonGroup();buttonGroup.add(grade);buttonGroup.add

(high);知识学习——SWING消息对话框:JOptionPane类能够定制出好几种不同的消息对话框：普通的消息对话框出错对话框警告对话框询问对话框等等。知识学习——SWINGJOptio

nPane.showMessageDialog(null,"alert","alert",JOptionPane.ERROR_MESSAGE);参数1：指定该对话框的父容器对象，如果没有可以指定为null，

通常可以指定为已有的frame对象。参数2：指定了对话框中显示的信息。参数3：指定了对话框任务栏的标题。参数4：指定了对话框显示的样式。知识学习——SWINGJOptionPane.showConfirmDialog(null,"chooseone","cho

oseone",JOptionPane.YES_NO_OPTION);参数1：指定该对话框的父容器对象，如果没有可以指定为null，通常可以指定为已有的frame对象。参数2：指定了对话框中显示的信息。参数3：指定了对话框任务栏的标题。参数4：指定显示在对话框上面的按钮集。知识学习——S

WINGJOptionPane.showInputDialog("Pleaseinputavalue");函数中参数是用来在输入对话框中显示的提示内容。知识学习——SWING案例JComponentDemo.java设计产品信息处理界面

根据要添入什么数据，什么样的图形元素用户会操作更简单的两个原则进行思考。从产品的具体资料中可以得知：每一个信息都是要求用户进行输入的，所以对于这种情况，只需要将相应的信息对应一个文本输入框。对于每一个文本框前应该有相应提示，提示用户输入什么数据，所以要为每一个信息

对应加入一个标签。然后再加入一个确定和一个取消按钮。实现步骤确定图形元素作为类属性确定图形元素的大小确定框架窗口的标题任务实施确定图形元素作为类属性属性图形元素属性图形元素labelProductNoJLabeltextPro

ductNoJTextFieldlabelProductNameJLabeltextProductNameJTextFieldlabelProductClassJLabeltextProductClassJTextField

labelProductTypeJLabeltextProductTypeJTextFieldlabelProductNumberJLabeltextProductNumberJTextFieldlabelMinNumberJLabelt

extMinNumberJTextFieldlabelProductPriceJLabeltextProductPriceJTextFieldlabelProductAreaJLabeltextProductAreaJTextFieldlabelSupplierIDJLabeltextSuppl

ierCompanyJTextFieldlabelProductDescriptJLabeltextProductDescriptJTextFieldLabelTitleJLabelframeJFramepanelJPanelcmdSubmitJButtoncmdCa

ncelJButton确定图形元素的大小属性图形元素大小textProductNoJTextField5个字符textProductNameJTextField10个字符textProductClassJTextField10个字符textProduct

TypeJTextField10个字符textProductNumberJTextField10个字符textMinNumberJTextField10个字符textProductPriceJTextField10个字符textProductAreaJTextField20个字符te

xtSupplierCompanyJTextField20个字符textProductDescriptJTextField40个字符确定框架窗口的标题和大小框架窗口的标题为“产品资料录入”；窗口大小为500*500像素编写代码编译执行模仿例

子,设计供应商录入界面,要求性别字段采用选择方式录入,所在区域的范围为广东、北京、上海、湖南、广西、湖北、江西，该怎么设计我们的用户界面。动手练习40分钟拓展1——SWING高级组件用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文

件选择器选择文件拓展1——SWING高级组件菜单组件类拓展1——SWING高级组件JMenuJMenuBarJMenuItemJToolBarJPopupMenu菜单组件案例JMenuDemo.javaJPopupMenu.java拓展1——SWING

高级组件用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1——SWING高级组件表格组件JTable:显示多行/列数据的表格列名数据记录案例JTableDemo.java拓展1——SWING高级组件用

菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1——SWING高级组件JTree组件树提供了用树型结构分层显示数据的视图。树中有一根结点，所有其它结点为其子结点，

每个结点表示一个数据项。案例JTreeDemo.java拓展1——SWING高级组件用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1——SWING高级组件文件选择组件JFileChooser,利用该组件可实现打开/保存指

定文件案例JFileChooserDemo.java?任务2合理优化产品信息处理界面问题分析知识学习布局管理器任务实施执行效果问题分析任务描述：编写一个程序，能够实现产品信息处理界面优化步骤分析：了解Java中布局类型常用布局管理器的应用方法按照产品信息

处理界面设计,选择合理的布局进行优化编写代码编译执行布局管理是决定容器中组件的大小和位置的过程。布局管理器（LayoutManager）负责管理容器中组件的布局。它指明了容器中构件的位置和尺寸大小。(由java.awt包提供)FlowLayout:流布局管理器BorderLayou

t：边界布局管理器GridLayout：格子布局管理器CardLayout：卡片布局管理器GridBagLayout：GridBag布局管理器知识学习——布局管理器知识学习——布局管理器FlowLayout类是流布局管

理器类，它是缺省布局管理器。流布局管理器可以自动依据窗口的大小，将组件由左到右、由上到下的顺序来排列。FlowLayout构造方法如下所示：FlowLayout（）FlowLayout（intalign）FlowLayout(intalign,inth

gap,intvgap)知识学习——布局管理器例子：importjava.awt.*;importjavax.swing.*;publicclassSampleLayout{………publicSampleLayout(){frame=newJFrame("SampleLayout")

;//创建流布局管理器f1=newFlowLayout(FlowLayout.LEFT);JPanelp1=newJPanel();frame.getContentPane().add(p1);//容器p1使用流布局管理器p1.setLa

yout(f1);…………}}BorderLayout：边界布局管理器可以让我们按东、西、南、北、中的方位来布置组件。BorderLayout类有以下构造函数：BorderLayout（）：创建边界布局管理器。BorderLayout(inthgap,intvgap

)：创建边界布局管理器，并指定控件的垂直与水平间隔。知识学习——布局管理器例子：importjava.awt.*;importjavax.swing.*;publicclassSampleLayout2{publicSampleLayout2(){JFrameframe=newJFrame

("SampleLayout2");JPanelpanel=newJPanel();panel.setLayout(newBorderLayout());panel.add(newJButton("North"),Bord

erLayout.NORTH);panel.add(newJButton("South"),BorderLayout.SOUTH);panel.add(newJButton("East"),BorderLayout.EAST);panel.add(newJButto

n("West"),BorderLayout.WEST);panel.add(newJButton("Center"),BorderLayout.CENTER);………..}}BorderLayout管理器布局图GridLayout:格子布局管理器把显示区域编组为矩形格

子组，然后将控件依次放入每个格子中，从左到右，自顶向下地放置。GridLayout类有以下构造函数：GridLayout（introws，intcols）GridLayout（introws，intcols，inthga

p，intvgap）知识学习——布局管理器例子：importjava.awt.*;importjavax.swing.*;publicclassSampleLayout3{publicSampleLayou

t3(){JFrameframe=newJFrame("SampleLayout3");JPanelpanel=newJPanel();panel.setLayout(newGridLayout(3,2));panel.add(

newJButton("1"));panel.add(newJButton("2"));panel.add(newJButton("3"));panel.add(newJButton("4"));panel

.add(newJButton("5"));panel.add(newJButton("6"));…………}}GridLayout管理器布局图CardLayout卡片布局管理器是一个比较复杂的布局管理器。用这个管理器，可以使得容器象一个

卡片盒，而容器中的页面象卡片盒中的卡片一样任意翻动显示。CardLayout布局管理器有以下构造函数：CardLayout（）：创建一卡片布局管理器CardLayout（inthgap,intvgap）：创建一卡片布局管理器，并指定左右边距和上下边距。知识学习——布局管理器为了使得卡

片能在容器中一个一个的显示，CardLayout类提供了以下方法：方法描述first(Containerparent)显示第一张卡片last(Containerparent)显示最后一张卡片next(Containerpare

nt)显示下一张卡片previous(Containerparent)显示上一张卡片show(Containerparent，Stringname)显示指定名称的卡片例子：//使用卡片布局管理cardLayout=newCardLayou

t();panel1.setLayout(cardLayout);panel1.add("card1",panel3);panel1.add("card2",panel4);panel1.add("card3",panel5);panel1.add("card4",pane

l6);例子：//当按下按钮的时候会触发这个方法publicvoidactionPerformed(ActionEventevt){Objectobj=evt.getSource();if(obj==button1){cardLayout.f

irst(panel1);}if(obj==button2){cardLayout.next(panel1);}if(obj==button3){cardLayout.previous(panel1);}if(obj==button4){card

Layout.last(panel1);}}cardLayout管理器布局图案例CardDemo.javaGridBag:布局管理器为AWT提供的最灵活、最复杂的布局管理器。GridBagConstraints类来保存位置信息。使用Gri

dBagLayout类提供的setConstraints（）方法将GridBagConstraints类对象绑定到相应组件上。实现布局的方法用GridBagConstraints类的属性设置方位信息利用GridBagLayout类提供的setConstrain

ts（）方法将方位信息绑定到某组件上将组件加到某容器中知识学习——布局管理器例子：案例GradBagDemo.javafill属性:可以用来确定如何在它的显示区域内显示组件。有效值描述GridBagConstraints.NONE按

组件的缺省高度和宽度填充GridBagConstraints.HORIZONTAL在不改变高度的情况下，填满水平方向的显示区域GridBagConstraints.VERTICAL在不改变宽度的情况下，填满垂直方向的显示区域GridBagConstraints.BOTH填满整个显示区域知

识学习——布局管理器Weightx、weighty属性weightx属性确定此组件是否要拉长，以水平地填入显示区。缺省值均为0（不拉长），另一效值为1（拉长）。weighty属性确定此组件是否垂直拉长填入显示区。有效值相同。知识学习——布局管理器gridwidth、weigh

tx属性gridwidth属性指出组件显示区域中列的数目。这些属性的缺省值为1。设置为GridBagConstraints.REMAINDER，表明该组件后面不能再摆放其他组件，或者说如果要继续摆放组件的话，只能在下一行摆放。设置为GridBagConstr

aints.RELATIVE表明可以在后面继续摆放组件。gridheight属性指出组件显示区域中行的数目。知识学习——布局管理器anchor属性当组件小于其显示区域时使用该属性，为在显示区域内确定放置组件的位置。其有效值为：GridBagConstraints.CENTER

（default）GridBagConstraints.NORTHGridBagConstraints.NORTHEASTGridBagConstraints.EASTGridBagConstraints.SOUTHEASTG

ridBagConstraints.SOUTHGridBagConstraints.SOUTHWESTGridBagConstraints.WESTGridBagConstraints.NORTHWEST知识学习——布局管理器gr

idx,gridy属性属性gridx和gridy分别指出放置组件的长方形网格的行与列的数目。长方形网格最左面列为gridx=0，最高顶部为gridy=0。相当于X,Y坐标。知识学习——布局管理器设计产品信息处理界面布局要求产品信息的内容靠左对齐选择GridBag布局管理器

实现步骤确定图形元素位置使用GridBag实现界面布局任务实施模仿例子,合理优化供应商录入界面,要求靠左对齐,按钮在右下方。动手练习40分钟任务3美化产品信息处理界面问题分析知识学习Java2D绘图机制常用类和包文本处理图像处理播放音频任务实施执行

效果问题分析任务描述：编写一个程序，能够达到产品信息处理界面美化要求步骤分析：了解Java2D绘图机制设置字体，加载图片的方法按照产品信息处理界面设计,选择图片，字体进行界面美化编写代码编译执行绘图界面AWT中的Canvas组件，用于创建画布

SWING中则可直接在顶层窗体，如JFrame,JApplet，或者JPanel进行绘制绘图坐标知识学习——Java2D绘图机制（0，0）X轴Y轴+x+y（x，y）屏幕左上角单位：像素pix绘图机制每个Java组件都有一个与之相关的图形环境，即图形上下文，java.awt.Grap

hic类是图形上下文的抽象基类，用于管理图形上下文，绘制图形（如线条、矩形等）的像素；允许应用程序将图形绘制到组件上或空闲屏幕的映像中java.awt.Graphic类是抽象类，应用时需要创建其子类，以实现绘图功能知识学习——Java2D绘图机制知识学习——Java2D绘图机制

方法名描述drawString(Stringtest,intx,inty)在规定位置打印字符串drawLine(intx1,inty1,intx2,inty2)画线drawRect(intx1,inty1,intwidth,intheight)画长方形f

illRect(intx1,inty1,intwidth,intheight)画填充的长方形drawOval(intx1,inty1,intwidth,intheight)画椭圆形fillOval(intx1,i

nty1,intwidth,intheight)画填充的椭圆java.awt.Graphic类中的方法绘图相关类(颜色类Color):Java中的颜色是RGB值来设定，R、G、B分别是红、绿、蓝三种颜色的色量，三种色

量组合构建多种颜色，java.awt.Color定义了一些标准颜色，以及操作颜色的方法知识学习——Java2D绘图机制绘图相关类(字体类Font):Java中的字体控制类为java.awt.Font,定义字体名、字号、风格，字体度量类java.awt.Fo

ntMetrics,封装了字高、宽等数据，每个图形上下文中都包含一个Font和FontMetrics对象字体类构造函数：Font(Stringname,intstyle,intsize)字体名：Monospaced,SansSerif,Serif,Dialog,Dialo

gInput字体风格：PLAIN（普通）,BOLD（粗体）,ITALIC（斜体）知识学习——Java2D绘图机制小结GUI元素大致分为两类：容器类和非容器类。Java1.0版本中，用户界面用AWT（抽象窗口工具箱）

创建。用AWT创建的用户界面在不同的操作平台上有不同的表现。Java基础类是原先AWT的扩充。它加入了广泛的、可完全移植的、类和库的集合。它所包含的主要包之一是javax.swing包。javax.swing包提供了用

户接口组件（如：窗口、对话框、按钮、复选框、列表框、菜单、滚动条、文本输入框）类的集合。