大纲 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

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

com/claremacrae/talks5 About… 5 Any Questions ?6 Typical Scenario • I've inherited some Qt GUI code • It's valuable • I need to add feature • Or fix bug • How can I ever break out of this •Qt –Setting Up Testing –Error-prone Things –Approval Tests •Extras –Tools –Summary910 Qt’s GUI powers make Automated Testing Harder11 Give you Confidence to Start testing your Qt application static lib for tests Executable Color Key GUI.exe main() and *.cpp *.ui15 Introduce static lib for tests Static Library Executable Color Key GUI.exe main() UI.lib *.cpp *.ui16 Introduce

线程的同步 后台线程 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

COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.3) 110 / 159 13 SALT（GUI 設計ツール） 13 Salt（GUI 設計ツール） Salt はグラフィカルインタフェースの設計を助ける PlantUML のサブプロジェクトです。 キーワード @startsalt、または、@startuml " [Cancel] | [ OK ] } @endsalt PlantUML 言語リファレンスガイド (1.2019.3) 111 / 159 13.3 Group box 13 SALT（GUI 設計ツール） 括弧で表を開始したら、行や列の罫線を表示したいがために定義された文字を使用することができま す： Symbol Result # 全ての縦横の罫線を表示する ! 全ての縦線を表示する Another text -- [Ok] } @endsalt PlantUML 言語リファレンスガイド (1.2019.3) 112 / 159 13.5 木構造ウィジェット 13 SALT（GUI 設計ツール） 13.5 木構造ウィジェット 木構造があるなら、{T で開始して階層を示すために + を使用する必要があります。 @startsalt { {T + World ++ America

COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.2) 110 / 159 13 SALT（GUI 設計ツール） 13 Salt（GUI 設計ツール） Salt はグラフィカルインタフェースの設計を助ける PlantUML のサブプロジェクトです。 キーワード @startsalt、または、@startuml " [Cancel] | [ OK ] } @endsalt PlantUML 言語リファレンスガイド (1.2019.2) 111 / 159 13.3 Group box 13 SALT（GUI 設計ツール） 括弧で表を開始したら、行や列の罫線を表示したいがために定義された文字を使用することができま す： Symbol Result # 全ての縦横の罫線を表示する ! 全ての縦線を表示する Another text -- [Ok] } @endsalt PlantUML 言語リファレンスガイド (1.2019.2) 112 / 159 13.5 木構造ウィジェット 13 SALT（GUI 設計ツール） 13.5 木構造ウィジェット 木構造があるなら、{T で開始して階層を示すために + を使用する必要があります。 @startsalt { {T + World ++ America

COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.6) 117 / 173 15 SALT（GUI 設計ツール） 15 Salt（GUI 設計ツール） Salt はグラフィカルインタフェースの設計を助ける PlantUML のサブプロジェクトです。 キーワード @startsalt、または、@startuml " [Cancel] | [ OK ] } @endsalt PlantUML 言語リファレンスガイド (1.2019.6) 118 / 173 15.3 Group box 15 SALT（GUI 設計ツール） 括弧で表を開始したら、行や列の罫線を表示したいがために定義された文字を使用することができま す： Symbol Result # 全ての縦横の罫線を表示する ! 全ての縦線を表示する Another text -- [Ok] } @endsalt PlantUML 言語リファレンスガイド (1.2019.6) 119 / 173 15.5 木構造ウィジェット 15 SALT（GUI 設計ツール） 15.5 木構造ウィジェット 木構造があるなら、{T で開始して階層を示すために + を使用する必要があります。 @startsalt { {T + World ++ America

COMMON COMMANDS legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.4) 117 / 167 15 SALT（GUI 設計ツール） 15 Salt（GUI 設計ツール） Salt はグラフィカルインタフェースの設計を助ける PlantUML のサブプロジェクトです。 キーワード @startsalt、または、@startuml " [Cancel] | [ OK ] } @endsalt PlantUML 言語リファレンスガイド (1.2019.4) 118 / 167 15.3 Group box 15 SALT（GUI 設計ツール） 括弧で表を開始したら、行や列の罫線を表示したいがために定義された文字を使用することができま す： Symbol Result # 全ての縦横の罫線を表示する ! 全ての縦線を表示する Another text -- [Ok] } @endsalt PlantUML 言語リファレンスガイド (1.2019.4) 119 / 167 15.5 木構造ウィジェット 15 SALT（GUI 設計ツール） 15.5 木構造ウィジェット 木構造があるなら、{T で開始して階層を示すために + を使用する必要があります。 @startsalt { {T + World ++ America

legend endlegend @enduml PlantUML 言語リファレンスガイド (1.2019.9) 118 / 174 15 SALT（ワイヤフレームによる GUI 設計ツール） 15 Salt（ワイヤフレームによる GUI 設計ツール） Salt はグラフィカルインタフェースの設計を助ける PlantUML のサブプロジェクトです。 キーワード @startsalt、または、@startuml | [ OK ] } @endsalt PlantUML 言語リファレンスガイド (1.2019.9) 119 / 174 15.3 Group box 15 SALT（ワイヤフレームによる GUI 設計ツール） 行や列の罫線を表示したいときは、括弧で開始した直後に、以下のように定義された 1 文字を使用し てください。： Symbol Result # 全ての縦横の罫線を表示する ! text -- [Ok] } @endsalt PlantUML 言語リファレンスガイド (1.2019.9) 120 / 174 15.5 木構造ウィジェット 15 SALT（ワイヤフレームによる GUI 設計ツール） 15.5 木構造ウィジェット 木構造があるなら、{T で開始して階層を示すために + を使用する必要があります。 @startsalt { {T + World ++ America