UI

GWT 用户界面类类似于现有 UI 框架（如 Swing 和 SWT）中的类，但小部件使用动态创建的 HTML 而不是像素化的图形进行渲染。

在传统的 JavaScript 编程中，动态用户界面创建是通过操作浏览器的 DOM 来完成的。虽然 GWT 通过使用 DOM 包 直接访问浏览器的 DOM，但使用 Widget 层次结构中的类要容易得多。Widget 类使快速构建在所有浏览器上都能正常工作的界面变得更加容易。

1. 跨浏览器支持 – 使用小部件和组合以实现跨浏览器兼容性
2. 使用面板进行布局 – 探索可用于布局的各种面板
3. 小部件 – 使用小部件创建用户控件
4. 创建自定义小部件 – 创建新的小部件、组合小部件或原生 JavaScript 小部件
5. 单元格小部件 ^{新版 2.1} – 使用小部件、面板、DOM、事件、CSS、声明式 UI 和图像。
6. 编辑器 ^{新版 2.1} – 允许将存储在对象图中的数据映射到编辑器的图上。
7. 使用 DOM – 必要时，直接操作浏览器的 DOM
8. 事件和处理程序 – 处理小部件发布的事件
9. 使用 CSS – 使用级联样式表为小部件设置样式
10. 使用 UiBinder 进行声明式 UI – 从 XML 标记构建小部件和 DOM 结构
11. 捆绑图像资源 – 通过减少对图像的 HTTP 请求数量来优化图像加载