图形界面设计(第版)

第12章

图形界面设计1本章主要内容图形用户界面工具包SwingSwing组件分类Swing容器的内部结构创建组件窗口的布局管理设计2CompanyLogo12.1图形用户界面概述图形用户界面(GraphicsUserInterface，GUI）用图形的方式，借助菜单。按钮等标准界面元素和鼠标操作，帮助用户方便地向计算机系统发出指令、启动操作，并将系统运行的结果同样以图形方式显示给用户的技术。Java的GUI程序设计是Java程序设计的基础。Java提供的两个处理图形用户界面的类库Java.awt包和javax.swing包

抽象窗口工具集awt的扩展，根据给定环境调整外观和感觉。3CompanyLogo12.2图形用户界面工具包－SwingJava图形用户界面的基本元素包括：用户界面组件（组件类）、事件处理模块（事件类）、图形和图像工具（图形类、图像类）、布局管理器（布局类）等。java组件类的继承关系见教材图12.14CompanyLogo12.2.1Swing组件分类组件：构成图形用户界面的各种元素。构建图形用户界面的类可以分成三组：容器类(containerclass)、辅助类(helperclass)和组件类(componentclass)。Swing轻型组件的分类见教材表12.1容器类容器又分为两种：顶层容器和非顶层容器。顶层容器是可以独立的窗口，Swing的顶层容器有JFrame、JApplet和JDialog等；非顶层容器，不是独立的窗口，它们必须位于窗口之内，非顶层容器包括JPanel及JScrollPanel等。5CompanyLogo12.2.1Swing组件分类辅助类辅助类是用来描述组件属性的，辅助类通常包含在java.awt包中。组件类所有SwingGUI组件类（除JFrame、JApplet和JDialog）都是JComponent类的子类，例如，JButton、JTextField、JTextArea、JComboBox、JList、JRadioButton和JMenu等。6CompanyLogo12.2.1Swing组件分类Swing容器的层次关系一般的Swing窗口，实际上包含几个“层次”，各个层的关系如图12.2所示。框架类JFrame它是Java应用程序的顶层容器。面板类Jpanel面板是一种没有标题栏、没有边框的中间层容器，面板不是顶层容器，必须放到其他容器内，也可以放入另一个面板内。7见教材例12.1见教材例12.2CompanyLogo12.2.1Swing组件分类非容器类又称控制组件（控件），它里面不能包含其他组件。作用：完成与用户的交互，包括接收用户的命令、接收用户输入的文本或用户的选择、向用户显示文本或图形。常用控件：命令类、选择类、文字处理类等式8CompanyLogo12.2.1Swing组件分类图形界面设计的步骤创建组件(Component)：创建组成界面的各种元素，如按钮、文本框等。指定布局(Layout)：根据具体需要排列界面上各元素的位置关系。响应事件(Event)：定义图形用户界面的事件和各界面元素对不同事件的响应，从而实现图形用户界面与用户的交互功能。9CompanyLogo12.2.2颜色类、字体类与图标类颜色类Color属于java.awt每种颜色均看作是由红(R)、绿(G)、蓝(B)三色组成。构造方法：Color(intr,intg,intb)颜色变量见教材表12.10字体类Font用来规范组件所用的字体样式、大小与字形等。构造方法：Font(Stringfont_name,intstyle,intsize)参数取值0——255，越大则表明这种颜色的成分越重。字体名称字形样式：PLAIN、BOLD、ITALIC字号大小10CompanyLogoCompanyLogo12.2.2颜色类、字体类与图标类图像图标类ImageIconJava语言使用javax.swing.ImageIcon类表示图标。表12.12给出了ImageIcon类的常用构造方法，表12.13给出了ImageIcon类的常用方法。11CompanyLogoCompanyLogo12.3创建组件12.3.1创建标签12.3.2创建命令按钮12.3.3创建文本编辑组件12.3.4创建复选框组件12CompanyLogoCompanyLogo12.3.1标签JLabelJLabel（javax.swing）标签用来在窗口中显示文字的控件构造方法及常用方法见教材表12.14、12.15见教材例12.3、12.413CompanyLogoCompanyLogoJButton（javax.swing）用户用鼠标单击它来控制程序运行的流程。JButton创建后通过容器的add()将其放入容器。构造方法及常用方法见教材表12.16、12.17见教材例12.5、12.414CompanyLogo12.3.2命令按钮、复选框和单选按钮CompanyLogoJCheckBox和JRadioButton（javax.swing）JCheckBox可以单独使用，而单选按钮必须配合javax.swing包中的ButtonGroup类将其组成单选按钮组来使用构造方法及常用方法见教材表12.18见教材例12.615CompanyLogo12.3.2命令按钮、复选框和单选按钮CompanyLogo12.3.3文本编辑组件与滚动窗格文本行组件JTextField主要用于接收用户键盘输入的文本密码文本行组件JPasswordField主要用于输入密码文本区组件JTextArea通常与滚动窗格组件JScrollPane一起使用这几种组件类的构造方法及常用方法见教材中表12.20—12.24应用见教材例12.716CompanyLogoCompanyLogo12.3.4选项窗格组件选项窗格JTabbedPaneJTabbedPane组件中允许包含多个选项卡。用户选取项目的一种组件，用户利用该组件来表JTabbedPane类的构造方法及常用方法见教材中表12.25、12.26应用见教材例12.817CompanyLogoCompanyLogo12.4布局管理器布局管理即页面管理。页面管理（layout）：指窗口上的组件遵循一定的规则来排列，并会随着窗口大小的变化来改变组件大小与位置的一种布局方式。自动布局：当为一个容器指定一个布局管理器后，将一个组件加入该容器中时，布局管理器就能自动设置该组件的大小和位置。java.awt包中共定义了五种布局管理器，每个布局管理器对应一种布局策略，分别是：流式布局管理器FlowLayout、边界式布局管理器BorderLayout、卡片式布局管理器CardLayout、网格式布局管理器GridLayout和网袋布局管理器GridBagLayout。18CompanyLogoCompanyLogo12.4.1流式布局管理器FlowLayout布局策略组件按照加入容器的先后顺序从左向右排列；一行排满后就自动地转到下一行继续从左向右排列；每一行中的组件都居中排列。FlowLayout布局管理器是Panel、Applet和JPanel默认的布局管理方式。布局管理器的容器中的组件大小不随容器大小的变化而改变.构造方法及常用方法见教材表12.27－12.29见教材例12.919CompanyLogoCompanyLogo12.4.2边界式布局管理器BorderLayout将显示区域按地理方位分为东(East)、西(West)、

南(South)、北(North)、中(Center)五个区域。将组件加入容器中，若没有指定区域，则默认为

中间；若将组件加入到已被占用的位置，将会取

代原先的组件。利用add()添加组件时必须指出组件的摆放位置。构造方法及常用方法见教材表12.30－12.32见教材例12.1020CompanyLogoCompanyLogo12.4.3网格式布局管理器GridLayout提供的页面布局规则是将容器的空间划分成若干行与列的网格形式，在容器上添加组件时，它们会按从左到右、从上到下的顺序在网格中均匀排列。网格的行数和列数可以在创建GridLayout对象的构造方法里指定。若控件数正好是行×列，则按行、列数放置；若控件数超过了行×列，则先满足行。利用GridLayout布局策略时，容器中各组件的宽度相同，所有组件的高度也相同，当容器尺寸发生变化时，各组件的相对位置不变。构造方法及常用方法见教材表12.33、12.34见教材例12.1121CompanyLogo通过行列、间距来用网格分割，把组件放入网格中，先行后列摆放组件CompanyLogo12.4.4卡片式布局管理器CardLayout页面布局方式是把“窗口容器”中的所有组件如同堆叠起来的一付“扑克牌”，每次只能显示最上面的一张一样，这个被显示的组件将占据所有的容器空间。使用add()往窗口容器中加入组件时应为每个组件赋予一个名字。依据这个名字利用CardLayout类所提供的方法来控制其他组件是否显示。该布局方式每次仅有一个组件是可见的。构造方法及常用方法见教材表12.35、12.36见教材例12.1222CompanyLogoCompanyLogo12.4.5格包布局管理器GridBagLayout将容器中的组件按行、列的位置摆放，但各组件所占据的空间可以是互不相同的。可以为每个组件指定其占据的网格数，可以保留组件原来的大小，可以按任意顺序随意加入容器的任意位置，从而可以真正自由地安排容器中的组件的大小和位置。构造方法及常用方法见教材表12.37－12.40见教材例12.1323CompanyLogo12.4.