单元七 图形用户界面《计算机程序设计 Java》同步教学（电工版）（课件）

单元七 图形用户界面 授课学时：16学时 主讲： 教学目标 教学重点与难点 新课导入与项目展示 项目1－学习建立软件用户界面 项目2－保存和清除信息 项目3 －设计网报信息登记表 主要内容 教学目标 知识 目标 图形用户界面编程的概念 Frame（窗体）类 Java的布局管理 Java图形用户界面编程的事件处理机制 Label等常见基本组件类 技能 目标 掌握窗体的创建方法 会设置窗体容器的布局方式 掌握常见组件的基本用法 掌握常用组件的事件处理过程 能根据实际需要设计出简洁易用的图形用户界面 教学重点及难点 教学 重点 常用组件及类的使用 组件的布局设计 事件监控处理机制 教学 难点 能综合应用本章知识设计美观易用的图形界面 事件监控处理机制 新课导入与项目展示 项目1：某公司销售部为了提高销售业绩，计划通过电脑软件让客户选择性的了解公司产品，开发人员要使用Java进行软件开发，需要完成网站主页面整体框架规划，实现框架内各模块合理布局；同时要求软件界面美观大方，并能在网站中嵌入“欢迎访问”页面。那现在学习如何通过Java来完成。 项目2：某同学想在填写信息后，希望对填写的内容可以清除，也可以进行保存。 项目3：某公司要招聘新员工，报名的人员需要通过网上报名，公司人力资源部门需要设计建立网报个人信息登记表。 项目描述 任务1-1：感知图形化用户界面 任务分析 感受图形人机交互界面，添加按钮控件； 相关知识点 GUI是Graphical User Interface的简称，即图形化用户界面，准确来说GUI就是屏幕产品的视觉体验和互动操作部分。美观的GUI图形化用户界面，方便用户与计算机的交互。同样在个人应用程序中，也需要提供GUI图形化用户界面。GUI主要由图标、按钮、菜单、标签等组成。 任务1-1：感知图形化用户界面 任务实施 设计过程： 创建窗体类FirstGUIapp，该类继承于Frame类，并在该窗体中添加按钮控件； 代码实现： 【程序文件：FirstGUIapp.java】 技能拓展任务 对程序文件1进行修改，实现当单击“停止”按钮时，可以将用户所摇号码输出到一个“编辑框”之中。 任务1-2：制作“欢迎访问”的小程序 任务分析 制作一个网页，要将该网页嵌入到某一网页中，可以使用Applet小程序； 相关知识点 java.awt包； javax.swing包； Applet类； 任务1-2：制作“欢迎访问”的小程序 任务实施 代码实现： 【程序文件： HelloApplet.java 】 技能拓展任务 在主网页中嵌入自动更新的“日历”页面。 任务1-3：独立显示GUI界面，且其大小可以伸缩 任务分析 独立显示GUI基本界面，可以使用Frame类，且其默认布局为边界布局管理器可以对界面大小进行伸缩； 相关知识点 Frame类是最常用的一个容器类，它可以独立显示，对应一个基本的图形化窗口，其大小可以伸缩，其默认的布局管理器是BorderLayout。 任务1-3：独立显示GUI界面，且其大小可以伸缩 任务实施 代码实现： 【程序文件： FrameDemo.java】 技能拓展任务 利用框架类建立校园网站的主页面框架结构。 任务1-4：建立可以进行人机交互的界面 任务分析 进行人机交互的界面可以使用Dialog类； 相关知识点 Dialog类也是一个独立容器类，它对应一个大小固定的对话框，通常用来提示用户或让用户输入/输出数据。 任务1-4：建立可以进行人机交互的界面 任务实施 代码实现： 【程序文件：DialogDemo.java】 技能拓展任务 在网站中嵌入帮助对话框，询问用户是否需要帮助，里面包含“确定”、“取消”两个按钮。 任务1-5：建立指定布局的GUI界面 任务分析 该内容包含在窗体中，且不带有标题栏、菜单栏，可以使用Panel类； 相关知识点 Panel容器类不是一个独立的容器类，即它必须放在其他容器中，当然也可以放在另一个Panel中，实现容器的嵌套。需要容器的嵌套是因为可以通过这样的办法实现复杂的布局，其默认的布局管理器是FlowLayout 。 任务1-5：建立指定布局的GUI界面 任务实施 代码实现： 【程序文件：PanelDemo.java】 技能拓展任务 利用Java提供的GUI开发常用类建立腾讯主页的框架布局结构。 任务1-6：建立边界布局格式的GUI 任务分析 将容器组件的空间分为东、南、西、北、中5个部分，使用边界布局管理器进行设置，先定义，再将组件添加至容器； 相关知识点 边界布局管理器BorderLayout的作用是在容器中最多放置5个组件。这些组件的位置可能是容器4个边的任意一个，也可能是中心点。每个位置只能有一个组件。如果添加组件到一个已被使用的位置时，原来的组件就会被替换掉。通过指定