大纲 GUI 组件及布局 GUI 事件处理 Applet Swing Swing 典型组件（课后自学） Java 应用与开发 Java GUI 编程 王晓东 wangxiaodong@ouc.edu.cn 中国海洋大学 October 30, 2018 大纲 GUI 组件及布局 GUI 事件处理 Applet Swing Swing 典型组件（课后自学） 学习目标 1. 了解用 Java 的常用组件和视觉控制 3. 深入理解 GUI 事件处理机制 4. 了解 Applet，特别是其历史渊源，了解与 Applet 类似的技 术 5. 理解 Swing 和 AWT 的关系，学习使用 Swing 的典型组件 构建较复杂的图形界面程序 大纲 GUI 组件及布局 GUI 事件处理 Applet Swing Swing 典型组件（课后自学） 大纲 GUI 组件及布局 GUI 事件处理 Applet 典型组件（课后自学） 大纲 GUI 组件及布局 GUI 事件处理 Applet Swing Swing 典型组件（课后自学） 用 Java 构建图形界面，我们有什么选择？ ▶ AWT ▶ Swing ▶ Java FX ▶ 多语言混合开发 大纲 GUI 组件及布局 GUI 事件处理 Applet Swing Swing 典型组件（课后自学） 接下�� GUI 组件及布局 GUI 事件处理 Applet

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1.1.2 GUI 下的 shell 提示符 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.1.5 GUI 系统管理工具 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 . . . . . . . . . . . . 116 7 GUI（图形用户界面）系统 118 7.1 GUI（图形用户界面）桌面环境 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 7.2 GUI（图形用户界面）通信协议 . . . . . . . . . .

(prompt) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1.1.2 GUI 下的 shell 提示符 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.1.5 GUI 系統管理工具 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 . . . . . . . . . . . . 116 7 GUI（圖形使用者介面）系統 118 7.1 GUI（圖形使用者介面）桌面環境 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 7.2 GUI（圖形使用者介面）通訊協議 . . . . . . . . . .

10.8 课后习题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 11 GUI 编程 126 11.1 GUI 组件及布局 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127 11.1.1 组件和容器 . . 131 11.1.7 容器的嵌套使用 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134 vii 11.2 GUI 事件处理 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134 11.2.1 Java 事件和事件处理机制 . . . . . . . . . . . . . . . . . . . . . . . . 135 11.2.3 GUI 事件类型层次 . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 11.2.4 GUI 事件及相应监听器接口 . . . . . . . . . . . . . . . . . . . . . . 136

线程的同步 后台线程 GUI 线程 GUI 程序运行过程中，系统会自动创建若干 GUI 线程，以提供 GUI 程序运行所需的功能，主要包括： 1. 窗体显示和重绘； 2. GUI 事件处理； 3. 关闭抽象窗口工具集等。 课程配套代码 ± sample.thread.GUIThreadSample.java 大纲 线程基础 线程控制 线程的同步 后台线程 GUI 自动创建的线程 ▶ DestroyJavaVM 线程 大纲 线程基础 线程控制 线程的同步 后台线程 GUI 自动创建的线程 ▶ AWT-Windows 线程 ▶ AWT-EventQueue-n 线程 也称事件分派线程，该线程负责从事件队列中获取事件，将 之分派到相应的 GUI 组件（事件源）上，进而触发各种 GUI 事件处理对象，并将之传递给相应的事件监听器进行 处理。 ▶ AWT-Shutdown 线程 线程的同步 后台线程 GUI 自动创建的线程 ▶ AWT-Windows 线程 ▶ AWT-EventQueue-n 线程 ▶ AWT-Shutdown 线程 负责关闭已启用的抽象窗口工具，释放其所占用的资源，该 线程将等到其他 GUI 线程均退出后才开始其清理工作。 ▶ DestroyJavaVM 线程 大纲 线程基础 线程控制 线程的同步 后台线程 GUI 自动创建的线程 ▶ AWT-Windows

备，有效参数约减，线路优化，并行梯度计算等） 6.支持 GUI 界面友好编程体验 华为量子化学软件包 HIQ Fermion 1：多参数约减算法，可约减高达80% 2： 多参数梯度优化算法, 测试300+参数 3： 量子线路压缩高达70% 累计提速 超过1600倍！ Ansatzes Ops Drivers Transforms Optimizers Utils GUI HiQ Fermion 量子-经典混合算法VQE Jordan-Wigner 1440 1092 Parity 1364 1344 Bravyi-Kitaev 1184 1092 Transforms Gates H2 LiH BeH2 资源估计 量子化学GUI HiQ Pulse: 全面的云上脉冲设计平台 量子调控 业界现状 量子芯片的挑战 外围测控设备的问题 量子计算能否实现，需要增加 量子比特的数量同时提高比特 的 质量。 量子比特动力学调控非常复 ODE计算模块，并行计算） 5.支持多比特优化 6. 为用户提供友好GUI 华为量子调控软件包 HIQ Pulse 1: 基于多种新型算法和技术实现量子优化控制算法性能数倍提升 2: 自研新型量子优化控制算法适应更广泛的应用场景 HiQ Pulse Control pulse library Utils GUI Optimal algorithm library 华为HiQ Pulse:

Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用 web 页面作为它的 GUI，所 以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。 在 Electron 里，运行 package.json 里 main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。 由于 Electron 主进程管理所有页面和与之对应的渲染进程。每个渲染进程都是相互独立的，并且只关心他们自己的页面。 由于在页面里管理原生 GUI 资源是非常危险而且容易造成资源泄露，所以在页面调用 GUI 相关的 APIs 是不被允 许的。如果你想在网页里使用 GUI 操作，其对应的渲染进程必须与主进程进行通讯，请求主进程进行相关的 GUI 操作。 在 Electron，我们提供几种方法用于主进程和渲染进程之间的通讯。像 ipcRenderer 括自身的模块）。 Electron也提供了一些额外的内置组件来开发传统桌面应用。一些组件只可以在主进程中使用，一些只可以在渲染进 程中使用，但是也有部分可以在这2种进程中都可使用。 基本规则：GUI模块或者系统底层的模块只可以在主进程中使用。要使用这些模块，你应当很熟悉主进程vs渲染进程 脚本的概念。 主进程脚本看起来像个普通的nodejs脚本 1. const electron = require('electron');

基础教程【完整版】 http://www.yeayee.com/ 9/531 SMTP 库，针对桌面环境的 GUI 库，在这些已有的代码库的基础上开发， 一个电子邮件客户端几天就能开发出来。 Python 就为我们提供了非常完善的基础代码库，覆盖了网络、文件、 GUI、数据库、文本等大量内容，被形象地称作“内置电池（batteries included）”。用 Python 开 何包，就可以直接使用。本章简单介绍如何使用 Tkinter 进行 GUI 编程。 Tkinter 我们来梳理一下概念： 我们编写的 Python 代码会调用内置的 Tkinter，Tkinter 封装了访问 Tk 的接口； Tk 是一个图形库，支持多个操作系统，使用 Tcl 语言开发； Tk 会调用操作系统提供的本地 GUI 接口，完成最终的 GUI。 所以，我们的代码只需要调用 Tkinter Tkinter 提供的接口就可以了。 Python3 基础教程【完整版】 http://www.yeayee.com/ 347/531 第一个 GUI 程序 使用 Tkinter 十分简单，我们来编写一个 GUI 版本的“Hello, world!”。 第一步是导入 Tkinter 包的所有内容： from tkinter import * 第二步是从 Frame 派生一个 Application

微服务、分布式、⼩程序、APP 等系统发展的过程中，接⼝在业务系统中的⽐重 逐渐增加，测试⾦字塔模型逐渐在向测试菱形转变 。 GUI / 端到端测试 集成测试 单元测试 重点：解决有⽆问题 GUI 测试 接⼝测试 单元测试 重点：提升测试效率 GUI 测试 接⼝测试 单元测试 重点：提升业务效率 测试模型的变化 快 慢 测 试 速 度 ⾼ 低 测 试 成 本 开源设社 区调研了的 219 份企业表单，其中 82.19% 的报名者所在的团队正在建设 Web 端 UI ⾃动化测试系统。 UI ⾃动化的价值与问题 维护成本 + 学习成本 GUI 测试 接⼝测试 单元测试 ⾼ 低 业 务 收 益 快 慢 测 试 速 度 不是不想做 UI ⾃动化，⽽是如何解决两⼤核⼼问题？ UI 测试 MeterSphere 的⾃然语⾔

微服务、分布式、⼩程序、APP 等系统发展的过程中，接⼝在业务系统中的⽐重 逐渐增加，测试⾦字塔模型逐渐在向测试菱形转变 。 GUI / 端到端测试 集成测试 单元测试 重点：解决有⽆问题 GUI 测试 接⼝测试 单元测试 重点：提升测试效率 GUI 测试 接⼝测试 单元测试 重点：提升业务效率 测试模型的变化 快 慢 测 试 速 度 ⾼ 低 测 试 成 本 开源设社 区调研了的 219 份企业表单，其中 82.19% 的报名者所在的团队正在建设 Web 端 UI ⾃动化测试系统。 UI ⾃动化的价值与问题 维护成本 + 学习成本 GUI 测试 接⼝测试 单元测试 ⾼ 低 业 务 收 益 快 慢 测 试 速 度 不是不想做 UI ⾃动化，⽽是如何解决两⼤核⼼问题？ UI 测试 MeterSphere 的⾃然语⾔