详见：项目Chapter3的 layout包中的案例
1）FlowLayout布局管理器，参见案例：Flow.java
所有组件按添加到容器中的次序顺序排列
2）BorderLayout布局管理器 参见案例：Border.java
容器窗格被分成东西南北中五个区域，每个区域放置 一个组件。
3）GridLayout布局管理器 参见案例：Grid.java
• 使用方法：getContentPane() 可得到容器的内容 窗格。
3.5.5 常用组件
• 1．标签 ( JLabel、Label )
参见：
项目Chapter3 的Examples包
中的案例
• 2．按钮 ( JButton、Button )
• 3．文本框 ( JTextField、TextField )
• 3．观感 • 应用程序的外观，主要由布局管理器实现。
3.5.4 常用容器
• 顶层容器：JFrame 和 Frame • 顶层容器：JApplet 和 Applet • 中间容器：JPanel 和 Panel
参见：
项目Chapter3 的Examples包
中的案例
提示
• 除JApplet外，可直接向其它5个容器中添加组件， 所有容器都允许将组件添加到其内容窗格中。
• 9．组合框 ( JComboBox、ComboBox)
• 10．菜单 (JMenuBar、JMenu、JMenuItem、JPopupMenu、 MenuBar、Menu、MenuItem、PopupMenu )
• 11．对话框 (JOptionPane、JFileChooser )
3.5.6 布局管理器
3.5.1 GUI概念及相关包
• 图形用户界面（Graphical User Interface）简 称为GUI
• GUI一般由窗体、按钮、文本框、菜单、工具条 等直观的图文组件组成。
提示
• Java提供丰富的GUห้องสมุดไป่ตู้包，供开发者使用，主要有
– java.awt包 – javax.swing包 – java.applet包
• 4．文本框 ( JPasswordField、PasswordField )
• 5．文本域 ( JTextArea、TextArea )
• 6．复选框 ( JCheckBox、CheckBox)
• 7．单选按钮 ( JRadioButton、RadioButton)
• 8．列表框 ( JList、List)
3.5.3 容器、组件、布局和观感
• 1．容器和组件 • 组件是可以用图形化的方式显示在屏幕上并能够与用户进行交互
的对象。如按钮，文字框，下拉列表等 • 容器是一种特殊的组件，一种能够容纳其他组件或容器的组件。
• 2．布局 • 布局是指组件在容器中的位置。Java提供了专门用来管理布局的
工具——布局管理器。
3.5.2 GUI的创建步骤
• 1）引用需要的包和类。 • 2）设置一个顶层的容器。
参见： 项目Chapter3 的examples包
中的案例
Gui_Step.java
• 3）根据需要为容器设置布局管理器或使用默认布 局管理器。
• 4）将组件添加到容器内，位置按项目需求设计。
• 5）为响应事件的组件编写事件处理代码。
完成3.2.5迭代步骤，达到： • 8 能够正确响应人机交互； • 9 已将界面元素创建，界面布局，人机交互实现等功能划分成不同的模块（方法），便于程序升 级扩展。 • 10 3.2.7作为课外作业，学习能力强者在课堂完成部分或全部，可酌情加分；
3.5 项目所需知识总结
• 3.5.1 GUI概念及相关包 • 3.5.2 GUI的创建步骤 • 3.5.3 容器、组件、布局和观感 • 3.5.4 常用容器 • 3.5.5 常用组件 • 3.5.6 布局管理器 • 3.5.7 事件处理
用户界面一般需要： 1 能够以合理布局显示用户界面； 2 能够响应用户键盘操作； 3 能够响应用户鼠标操作； 4 能够屏蔽不合法的输入数据； 5 能实现正确的界面切换；
3.1.2 学习情境
学习任务要求 总体能力目标 分项能力目标 知识目标 职业素养目标及编码规范 项目开发的迭代步骤
[学习情境详细文档] [编码规范及过程控制表格]
3.2 项目迭代过程
步骤一：观察只包含一个组件的GUI程序，利用Java API中的GUI类创 建一个包括网上物流系统需要的所有相同组件的界面程序 [源代码] 步骤二：模仿教师提供的源代码，根据网上物流系统界面的需要，在该 程序上添加其他组件 [源代码] 步骤三：针对网上物流系统界面上的组件进行布局管理 [源代码] 步骤四：完成一个嵌套布局管理程序实例 [源代码] 步骤五：添加事件处理代码，实现系统对用户的响应 [源代码] 步骤六：完成一个鼠标事件响应程序实例 [源代码] 步骤七：完成一个键盘输入事件响应程序实例 [源代码]
3.3 项目结果
完成3.2.1~3.2.3迭代步骤后，达到： • 1 为每个类添加了必要的注释； • 2 为每个类的每个方法添加了参数和结果的注释； • 3 创建了项目需求的所有界面元素，每个元素类型适当 • 4 源代码结构与核心案例类似或结构更清晰合理
完成3.2.4迭代步骤后，达到： • 5能够合理安排界面分层布局； • 6能够预留界面扩展空间； • 7界面布局能够满足界面人性化基本需求（如：尽量提供选项少要求输入、鼠标/键盘的点击次数 最少、移动距离最短、提示容易理解等）
《Java游戏开发》
模块3 图形用户界面设计
模块3 图形用户界面设计
3.1 教学项目及学习情景 3.2 项目迭代过程 3.3 项目验收标准 3.4 过程控制表格 3.5 项目所需知识总结 3.6 课外作业
3.1.1教学项目
项目名称 图形用户界面设计
项目应用 需求
项目功能 描述
界面和交互是游戏的重要组成部分。无论什么游戏，漂亮 的图形用户界面（Graphical User Interface，简称 GUI)， 良好的人机交互决定了游戏的用户体验，是游戏吸引玩家 的必备要素。游戏要求以合理的布局，呈现界面各元素， 实现基本人机交互功能。
容器窗格被分成纵横的网格，每个网格放置一个组件