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

............................................................................................ 6 用户界面和功能区 .............................................................................................. ........................... 22 第四章 组织结构图布局选择 ............................................................................................... 24 改变组织结构图布局 .......................................... ........ 74 4 第一章 ORGCHARTING 功能概览 OrgCharting 是一款功能强大的组织结构图软件。其具有一个简单的操作界面来让用户简易 地通过鼠标点击或数据文件生成组织结构图。此外，该软件还拥有现成的模板和富有创意的 颜色主题，以帮助您以最快的方式创建专业的组织结构图。OrgCharting 不仅可作为公司结 构

........................................................................................ 115 思维导图布局 .................................................................................................. .......................................................................................... 122 改变布局................................................................................................... 内置很多图形、实例和模板：用户可使用高质量的内置图形、实例和模板，来创建专业图表。  将复杂信息以轻松可视化的形式展示：链接数据文件这项功能，让图表变得更加智能和实用， 使得系统或流程更加可视化。  舒适的用户界面：亿图图示的界面设计风格和 MS Office 类似，如果您熟悉 MS Office，那么您 也将很快熟悉亿图图示。同时，它也可以和 MS Office 结合使用。  简单易用：适用于各种绘图领域。

.......................................................................................... 138 改变布局................................................................................................... ........................................................................................ 161 思维导图布局 .................................................................................................. 多样化的绘图工具：软件中的一些高级工具，如自动对齐和排列图形等，让绘图更加有效率。 • 将复杂信息轻松可视化：支持导入数据文件生成图形图表这项功能，让图表变得更加智能和实 用，使得系统或流程更加可视化。 • 舒适的用户界面：亿图图示的界面设计风格和 MS Office 类似，如果您熟悉 MS Office，那么您 也将很快熟悉亿图图示。同时，它也可以和 MS Office 结合使用。 • 操作灵活、自由度高：每个图形都

---------------- 14 检查更新 -------------------------------------------------------------------- 14 用户界面和功能区 ------------------------------------------------------------ 15 快速访问工具栏 ---------------------- ----------- 50 第六章 导图布局 ----------------------------------------------------------------- 58 改变导图布局 ---------------------------------------------------------------- 58 改变导图整体布局 --------------------- 是亿图软件旗下一款跨平台、多功能的思维导图软件。是帮助您快速 成为思维导图设计能手的全面解决方案！亿图脑图分为免费版和专业版，终结了思维导图 软件好用则价高，免费则难用的尴尬局面。软件提供了丰富的智能布局、多样性的展示模 式、结合精美的设计元素和预置的主题样式，努力帮用户打造一款真正的效率神器，自推 出以来深受广大用户的欢迎，被广泛应用于知识管理、解决问题、时间管理、业务战略和 项目管理等场景中。

---------------- 14 检查更新 -------------------------------------------------------------------- 14 用户界面和功能区 ------------------------------------------------------------ 15 快速访问工具栏 ---------------------- ----------- 50 第六章 导图布局 ----------------------------------------------------------------- 58 改变导图布局 ---------------------------------------------------------------- 58 改变导图整体布局 --------------------- 是亿图软件旗下一款跨平台、多功能的思维导图软件。是帮助您快速 成为思维导图设计能手的全面解决方案！亿图脑图分为免费版和专业版，终结了思维导图 软件好用则价高，免费则难用的尴尬局面。软件提供了丰富的智能布局、多样性的展示模 式、结合精美的设计元素和预置的主题样式，努力帮用户打造一款真正的效率神器，自推 出以来深受广大用户的欢迎，被广泛应用于知识管理、解决问题、时间管理、业务战略和 项目管理等场景中。

--------------- 14 检查更新 ------------------------------------------------------------------- 14 用户界面和功能区 ----------------------------------------------------------- 15 快速访问工具栏 ---------------------- ---------- 50 第六章 导图布局 ---------------------------------------------------------------- 58 改变导图布局 --------------------------------------------------------------- 58 改变导图整体布局 --------------------- 是亿图软件旗下一款跨平台、多功能的思维导图软件。是帮助您快速 成为思维导图设计能手的全面解决方案！亿图脑图分为免费版和专业版，终结了思维导图 软件好用则价高，免费则难用的尴尬局面。软件提供了丰富的智能布局、多样性的展示模 式、结合精美的设计元素和预置的主题样式，努力帮用户打造一款真正的效率神器，自推 出以来深受广大用户的欢迎，被广泛应用于知识管理、解决问题、时间管理、业务战略和 项目管理等场景中。

..............................................................................................6 用户界面和功能区............................................................................................... .....................29 第五章 导图布局.............................................................................................................................30 改变导图布局................................ 是亿图软件最新推出的一款跨平台、多功能的思维导图软件。是帮助您快速成 为思维导图设计能手的全面解决方案！MindMaster 分为免费版和专业版，终结了思维导图 软件好用则价高，免费则难用的尴尬局面。软件提供了丰富的智能布局、多样性的展示模 式、结合精美的设计元素和预置的主题样式，努力帮用户打造一款真正的效率神器。自推 出以来深受广大用户的欢迎，被广泛应用于解决问题，时间管理，业务战略和项目管理等 领域中。 MINDMASTER

但由于我们对页面加载性能、滚动性能做的仍不够完美，不足以应对更加复杂的业务 场景，因此我们依然还有许多工作： ● 页面滚动性能优化： 由于 Flutter 与 Web 的布局差异，使得 dart:ui ( Web ) 也受 Flutter Native 的布局约束，如何打破这样的约束，是解决滚动性能问题 的关键。 前端 < 35 ● 页面加载性能优化： 当前的页面加载性能仍有较大优化空间，需要对 Flutter 为代表；另一种是基于 Sketch 源文件，从中解析 出图层信息转化成 DSL 并生成代码，以 imgCook 为代表。经过实践，我们发现第 一种方案基于神经网络的代码生成算法虽然简单粗暴，但复杂层布局的准确率较低、 可解释程度不高导致后续无法持续优化。方案二中 Sketch 源文件信息量丰富、算法 自定义程度高、优化空间大。因此，我们调研了业界基于 Sketch 的代码自动生成方 案（已对 imgCook 支持基于 AI 的组件识别，不支持成组布局， 准确率中等（从官网了解到可以识别循环布局，但不能识别出测试样本中的循 环布局），58 Picasso 仅支持原始组件的识别，复杂组件生成错误较多，不支 持成组 / 悬浮 / 循环布局，准确率较低。 ● 代码可读性方面：淘宝 imgCook 在生成布局时，测试样本中图层重叠区域使 用到了基于根布局的绝对定位方式，不符合 RD 预期，可读性一般，而我们的