JAVA教程第3章(程序界面设计)

1、第3章 程序界面设计 本章提要用户界面类型 常用界面元素的使用 常用图形元素的使用 用户界面是系统提供给外界的用户接口，通过这一接口，我们可以对系统进行操作，指挥系统按照某种流程运行。在诸如银行业务、飞机售票等这些业务中，每天都会有大量的事务处理。我们必须为办事人员提供操作方便，美观大方的操作界面。例如，银行办事人员的帐号操作界面，应将各种输入框合理布局在界面中；为飞机票售票员提供的查询航班的界面，应以列表的形式显示航班次数，等等。良好的用户界面将使得软件更加人性化,如应易于展现功能,且对于用户而言是必要的。引子:软件的用户界面重要吗?本章知识要点用户界面的类型 Java中提供的GUI组件类

2、SWING高级组件图形绘制声音文件处理任务1 设计产品信息处理界面 问题分析 知识学习用户界面的类型Java中提供的GUI组件类任务实施执行效果问题分析任务描述：编写一个程序，能够实现产品信息处理界面步骤分析：了解Java程序用户界面类型构建图形用户界面的方法常用组件设计产品信息处理界面，分析需要什么组件，及大小，形状编写代码编译执行知识学习用户界面类型用户界面分为两类：字符用户界面（CUI） 图形用户界面（GUI）知识学习AWT和SWING AWT 和 SWING 是 Java 设计 GUI 用户界面的基础。 AWT为重量级组件，Swing 则大部分是轻量级组件。AWT是Swing的基础，而

3、基于图形化用户界面发展需要，采用纯Java实现了轻量级先进的组件，更为美观易用，且无本地代码，从而不依赖本地操作系统（AWT会因操作系统不同，出现不同显示效果）。但有一些类是Swing无法代替的，实现用户界面时，可选择Swing绘制界面上的元素，而将AWT用于界面布局、图形绘制、字体设置、事件处理等。进行界面元素的绘制时，不要混用AWT、Swing。知识学习AWT和SWING AWT：在Java1.0版本中，图形元素包括在java.awt包中。Java的AWT包定义了窗口系统所显示的各种对象，既包括组织窗口屏幕元素所需的基本类，也包括图形处理，显示所需的基本类。java.awtjava.awt

4、.EventColorFontImageFlowLayout,CardLayout,BorderLayout,GridBagLayoutGraphicsComponent知识学习AWT和SWING AWT：ComponenetButtonWindowPanelContainerChoiceListLabelTextAreaTextFieldDialogFrame知识学习AWT和SWING SWING是原先AWT的扩充。它加入了广泛的、可完全移植的、类和库的集合。JFC作为Java平台的一部分，它有丰富的组件集合，这些都是完全平台独立的。Javax.swing.*组件类描述JFrame扩展了ja

5、va.awt.Frame的外部窗体类JAppletjava.applet.Applet类的扩展JButton能显示文本和图形的按钮类JCheckBox能显示文本和图形的复选框类JComboBox带下拉列表的文本框类JDialogSwing对话框的基类，扩展了AWT的Dialog类JLable可显示文本和图标的标签类JList显示选项列表的组件类JOptionPane显示标准的对话框类JPasswordField文本框类的扩展，使得输入的内容不可见JPanel通用容器类JRadioButton单选按钮类JTable表格类JTextArea用于输入多行文本的文本框类JTextField单行文本框类

6、知识学习AWT和SWING 知识学习图形用户界面组成容器框架JFrame面板JPanel容器面板JPanel组件文本框JText姓名组件标签JLabel提交组件按钮JButtonl男女组件单选JRadioButton用户界面组成蓝球组件复选JCheckBoxJFrame类：框架（JFrame）是带标题的顶层窗口 从类的层次上来看，它是Frame类的扩展，属于Container类。JFrame类的构造方法有两种：JFrame myFrame = new JFrame();/不带标题的窗体JFrame myFrame = new JFrame(“MyFrame”);/带标题的窗体知识学习SWING

7、例子：/创建窗体对象frameframe = new JFrame(Hello Java);/创建一文本标签label = new JLabel(Hello Java);/初始化容器frame Container c=frame.getContentPane() /将文本标签添加到窗体（容器）上 c.add(label);/设置窗口的大小frame.setSize(300,300); /设置窗口的可见性frame.setVisible(true);案例JFrameDemo.javaJPanel类 :JPanel类是一个大家会经常使用的容器类，被称为面板。一般情况下，我们把所有的组件加入到面板，

8、然后将面板加入到框架。 例子：JFrame frame = new JFrame(JPanal Demo);JButton b1 = new JButton(Button1);/创建panel对象JPanel panel = new JPanel();/将按钮添加到面板panel.add(b1);/将面板添加到框架窗口frame.getContentPane().add(panel);frame.setSize(300,300); frame.setVisible(true);案例JPanelDemo.java知识学习SWING有了面板，就可以将很多不同的窗体页面做成不同的panel，那么在这

9、种情况下，可以随时加载不同的panel达到页面转换的效果。例子：/从框架中移除panel1，加载panel2frame.remove(panel1);frame.getContentPane().add(panel2);frame.setVisible(true);frame.setSize(300,300);知识学习SWING标签:标签是用来在用户界面中显示静态的文本。 用JLabel类来创建一个标签控件。 JLabel label=new JLabel(“label”);文本字段:用JTextField类来创建一个输入框控件。 getText（）方法来得到文本输入框中的内容setText（

10、）来设置文本输入框中的内容 知识学习SWING案例JComponentDemo.java列表框和组合框 JList（列表框）和JComboBox（组合框）类都属于多值控件，它允许用户在其所给的列表中进行选择。列表框语法：String city = 北京,上海,广州,西安;JList listCity = new JList(city);组合框语法：String city = 北京,上海,广州,西安; JComboBox comboObj = new JComboBox(city); 知识学习SWING案例JComponentDemo.java知识学习SWING方法功能Object getSel

11、ectedValue()返回选中项的值，null表未选。若允许选多项，则返回第一项的值。int getSelectedIndex()返回选中项的索引号，若未选中任何项，则返回-1。若允许选择多项，则返回选中的第一项索引。Object getSelectedValues()返回选中项的值的数组。int getSelectedIndices()返回选中项的索引的数组。int getMinSelectionIndex()在需要选中多项时使用，返回最小索引号。int getMaxSelectionIndex()在需要选中多项时使用，返回最大索引号。void setVisibleRowCount(int

12、 count)用于设置列表框中可见元素的数量。boolean isSelectedIndex(int index)判断该索引所对应选项是否被选中boolean isSelectionEmpty()判断是否选择了，没有选择则返回truevoid setListData(Object listData)设置数组为列表对象的数据源void setListData(Vector listData)设置Vector对象（可变长数组）为列表对象的数据源列表框常用方法方法功能void addItem(Object item)增加选项到组合框Object getItemAt(int index)得到指定索引的

13、选项int getItemCount()得到组合框中的选项个数Object getSelectedItem()得到选中项的值，若未选中任何值，则返回null。int getSelectedIndex()得到选中的索引号，若未选中，则返回null。void setMaximumRowCount(int count)设置显示在下拉框的元素个数。组合框常用方法知识学习SWING复选和单选按钮:复选按钮是通过JCheckBox来实现，单选按钮通过JRadioButton来实现。JCheckBox语法：JCheckBox music; music = new JCheckBox(“音乐”);JRadio

14、Button语法：JRadioButton grade,high;grade = new JRadioButton(“小学”);high = new JRadioButton(“中学”);知识学习SWING案例JComponentDemo.java按钮组语法： ButtonGroup buttonGroup;buttonGroup = new ButtonGroup();buttonGroup.add(grade);buttonGroup.add(high);知识学习SWING消息对话框: JOptionPane类能够定制出好几种不同的消息对话框：普通的消息对话框出错对话框警告对话框询问对话框

15、等等。 知识学习SWINGJOptionPane.showMessageDialog(null,alert,alert,JOptionPane.ERROR_MESSAGE); 参数1：指定该对话框的父容器对象，如果没有可以指定为null，通常可以指定为已有的frame对象。参数2：指定了对话框中显示的信息。参数3：指定了对话框任务栏的标题。参数4：指定了对话框显示的样式。知识学习SWINGJOptionPane.showConfirmDialog(null,choose one,choose one, JOptionPane.YES_NO_OPTION); 参数1：指定该对话框的父容器对象，如

16、果没有可以指定为null，通常可以指定为已有的frame对象。参数2：指定了对话框中显示的信息。参数3：指定了对话框任务栏的标题。参数4：指定显示在对话框上面的按钮集。知识学习SWINGJOptionPane.showInputDialog(Please input a value); 函数中参数是用来在输入对话框中显示的提示内容。 知识学习SWING案例JComponentDemo.java设计产品信息处理界面根据要添入什么数据，什么样的图形元素用户会操作更简单的两个原则进行思考。从产品的具体资料中可以得知：每一个信息都是要求用户进行输入的，所以对于这种情况，只需要将相应的信息对应一个文本输

17、入框。对于每一个文本框前应该有相应提示，提示用户输入什么数据，所以要为每一个信息对应加入一个标签。然后再加入一个确定和一个取消按钮。实现步骤确定图形元素作为类属性确定图形元素的大小确定框架窗口的标题任务实施确定图形元素作为类属性 属性图形元素属性图形元素labelProductNoJLabeltextProductNoJTextFieldlabelProductName JLabeltextProductName JTextFieldlabelProductClassJLabeltextProductClassJTextFieldlabelProductTypeJLabeltextProduc

18、tTypeJTextFieldlabelProductNumberJLabeltextProductNumberJTextFieldlabelMinNumberJLabeltextMinNumberJTextFieldlabelProductPriceJLabeltextProductPriceJTextFieldlabelProductAreaJLabeltextProductAreaJTextFieldlabelSupplierIDJLabeltextSupplierCompanyJTextFieldlabelProductDescriptJLabeltextProductDescript

19、JTextFieldLabelTitleJLabelframeJFramepanelJPanelcmdSubmitJButtoncmdCancelJButton确定图形元素的大小 属性图形元素大小textProductNoJTextField5个字符textProductNameJTextField10个字符textProductClassJTextField10个字符textProductTypeJTextField10个字符textProductNumberJTextField10个字符textMinNumberJTextField10个字符textProductPriceJTextFie

20、ld10个字符textProductAreaJTextField20个字符textSupplierCompanyJTextField20个字符textProductDescriptJTextField40个字符确定框架窗口的标题和大小框架窗口的标题为“产品资料录入”；窗口大小为500*500像素 编写代码编译执行模仿例子,设计供应商录入界面,要求性别字段采用选择方式录入,所在区域的范围为广东、北京、上海、湖南、广西、湖北、江西，该怎么设计我们的用户界面。 动手练习40分钟拓展1SWING高级组件 用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1SW

21、ING高级组件 菜单组件类拓展1SWING高级组件 JMenuJMenuBarJMenuItemJToolBarJPopupMenu菜单组件案例JMenuDemo.javaJPopupMenu.java拓展1SWING高级组件 用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1SWING高级组件 表格组件JTable:显示多行/列数据的表格列名数据记录案例JTableDemo.java拓展1SWING高级组件 用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1SWING高级组件 JTree组件树提供了用树型

22、结构分层显示数据的视图。树中有一根结点，所有其它结点为其子结点，每个结点表示一个数据项。 案例JTreeDemo.java拓展1SWING高级组件 SystemTray意为桌面的系统托盘，在Windows下表现为任务状态栏的一个图标，在很多的应用中都有体现，如及时通讯软件（MSN、），监控类软件（杀毒软件）等。在Java 6的java.awt包下提供了SystemTray和TrayIcon类，这两个类可以实现系统托盘功能。实现的流程：捕获关闭窗口事件、隐藏窗口、显示托盘图标，鼠标右击托盘图标、显示弹出菜单(自动)、选择菜单的显示窗口项，再显示窗口、隐藏托盘图标。 案例SystemTrayDem

23、o.java?拓展1SWING高级组件 用菜单组件显示下拉式菜单项用表格组件显示数据记录用树组件显示分级列表用文件选择器选择文件拓展1SWING高级组件 文件选择组件JFileChooser ,利用该组件可实现打开/保存指定文件案例JFileChooserDemo.java?任务2 合理优化产品信息处理界面 问题分析 知识学习布局管理器任务实施执行效果问题分析任务描述：编写一个程序，能够实现产品信息处理界面优化步骤分析：了解Java中布局类型常用布局管理器的应用方法按照产品信息处理界面设计,选择合理的布局进行优化编写代码编译执行布局管理是决定容器中组件的大小和位置的过程。布局管理器（Layou

24、t Manager）负责管理容器中组件的布局。它指明了容器中构件的位置和尺寸大小。(由java.awt包提供)FlowLayout: 流布局管理器 BorderLayout：边界布局管理器 GridLayout：格子布局管理器 CardLayout：卡片布局管理器 GridBagLayout：GridBag布局管理器 知识学习布局管理器知识学习布局管理器FlowLayout类是流布局管理器类，它是缺省布局管理器。流布局管理器可以自动依据窗口的大小，将组件由左到右、由上到下的顺序来排列。 FlowLayout构造方法如下所示：FlowLayout（）FlowLayout（int align）Fl

25、owLayout(intalign, inthgap, intvgap)知识学习布局管理器例子：import java.awt.*;import javax.swing.*;public class SampleLayout public SampleLayout() frame = new JFrame(SampleLayout);/创建流布局管理器f1 = new FlowLayout(FlowLayout.LEFT);JPanel p1 = new JPanel();frame.getContentPane().add(p1);/容器p1使用流布局管理器p1.setLayout(f1);

26、 BorderLayout：边界布局管理器可以让我们按东、西、南、北、中的方位来布置组件。 BorderLayout类有以下构造函数： BorderLayout（）：创建边界布局管理器。BorderLayout(inthgap, intvgap)：创建边界布局管理器，并指定控件的垂直与水平间隔。 知识学习布局管理器例子：import java.awt.*;import javax.swing.*;public class SampleLayout2public SampleLayout2() JFrame frame = new JFrame(SampleLayout2);JPanel pan

27、el = new JPanel(); panel.setLayout(new BorderLayout(); panel.add(new JButton(North), BorderLayout.NORTH); panel.add(new JButton(South), BorderLayout.SOUTH); panel.add(new JButton(East), BorderLayout.EAST); panel.add(new JButton(West), BorderLayout.WEST); panel.add(new JButton(Center), BorderLayout.C

28、ENTER);. BorderLayout管理器布局图GridLayout:格子布局管理器把显示区域编组为矩形格子组，然后将控件依次放入每个格子中，从左到右，自顶向下地放置。 GridLayout类有以下构造函数：GridLayout（int rows， int cols） GridLayout（int rows， int cols， int hgap， int vgap） 知识学习布局管理器例子：import java.awt.*;import javax.swing.*;public class SampleLayout3public SampleLayout3() JFrame fram

29、e = new JFrame(SampleLayout3); JPanel panel = new JPanel(); panel.setLayout(new GridLayout(3,2); panel.add(new JButton(1);panel.add(new JButton(2); panel.add(new JButton(3); panel.add(new JButton(4); panel.add(new JButton(5); panel.add(new JButton(6); GridLayout管理器布局图CardLayout卡片布局管理器是一个比较复杂的布局管理器。用

30、这个管理器，可以使得容器象一个卡片盒，而容器中的页面象卡片盒中的卡片一样任意翻动显示。CardLayout布局管理器有以下构造函数：CardLayout（）：创建一卡片布局管理器 CardLayout（inthgap, intvgap）：创建一卡片布局管理器，并指定左右边距和上下边距。 知识学习布局管理器为了使得卡片能在容器中一个一个的显示，CardLayout类提供了以下方法 ：方法描述first(Container parent)显示第一张卡片last(Container parent)显示最后一张卡片next(Container parent)显示下一张卡片previous(Contai

31、ner parent)显示上一张卡片show(Container parent，String name)显示指定名称的卡片例子：/使用卡片布局管理cardLayout = new CardLayout();panel1.setLayout(cardLayout);panel1.add(card1,panel3);panel1.add(card2,panel4);panel1.add(card3,panel5);panel1.add(card4,panel6);例子：/当按下按钮的时候会触发这个方法public void actionPerformed(ActionEvent evt)Objec

32、t obj = evt.getSource();if(obj = button1)cardLayout.first(panel1);if(obj = button2)cardLayout.next(panel1);if(obj = button3)cardLayout.previous(panel1);if(obj = button4)cardLayout.last(panel1);cardLayout管理器布局图 案例CardDemo.javaGridBag:布局管理器为AWT提供的最灵活、最复杂的布局管理器。GridBagConstraints类来保存位置信息。使用GridBagLayou

33、t类提供的setConstraints（）方法将GridBagConstraints类对象绑定到相应组件上。实现布局的方法用GridBagConstraints类的属性设置方位信息利用GridBagLayout类提供的setConstraints（）方法将方位信息绑定到某组件上将组件加到某容器中知识学习布局管理器例子：案例GradBagDemo.javafill属性:可以用来确定如何在它的显示区域内显示组件。 有效值描述GridBagConstraints.NONE按组件的缺省高度和宽度填充GridBagConstraints.HORIZONTAL在不改变高度的情况下，填满水平方向的显示区域G

34、ridBagConstraints.VERTICAL在不改变宽度的情况下，填满垂直方向的显示区域GridBagConstraints.BOTH填满整个显示区域知识学习布局管理器Weightx、weighty属性 weightx属性确定此组件是否要拉长，以水平地填入显示区。缺省值均为0（不拉长），另一效值为1（拉长）。weighty属性确定此组件是否垂直拉长填入显示区。有效值相同。知识学习布局管理器gridwidth、weightx 属性gridwidth属性指出组件显示区域中列的数目。这些属性的缺省值为1。设置为GridBagConstraints.REMAINDER，表明该组件后面不能再摆放

35、其他组件，或者说如果要继续摆放组件的话，只能在下一行摆放。设置为GridBagConstraints.RELATIVE表明可以在后面继续摆放组件。gridheight属性指出组件显示区域中行的数目。知识学习布局管理器anchor 属性当组件小于其显示区域时使用该属性，为在显示区域内确定放置组件的位置。其有效值为：GridBagConstraints.CENTER （default）GridBagConstraints.NORTHGridBagConstraints.NORTHEASTGridBagConstraints.EASTGridBagConstraints.SOUTHEASTGridB

36、agConstraints.SOUTHGridBagConstraints.SOUTHWESTGridBagConstraints.WESTGridBagConstraints.NORTHWEST知识学习布局管理器gridx,gridy 属性属性gridx和gridy分别指出放置组件的长方形网格的行与列的数目。长方形网格最左面列为gridx=0，最高顶部为gridy=0。相当于X,Y坐标。 知识学习布局管理器设计产品信息处理界面布局要求产品信息的内容靠左对齐选择GridBag布局管理器实现步骤确定图形元素位置使用GridBag实现界面布局任务实施模仿例子,合理优化供应商录入界面,要求靠左对齐,按钮在右下方。 动手练习40分钟任务3 美化产品信息处理界面 问题分析 知识学习Java2D绘图机制常用类和包文本处理图像处理播放音频任务实施执行效果问题分析任务描述：编写一个程序，能够达到产品信息处理界面美化要求步骤分析：了解Java2D绘图机制设置字体，加载图片的方法按照产品信息处理界面设计,选择图片，字体进行界面美