建立 UI

GWT 的 UI class 跟現有的 UI framework(例如 Swing 跟 SWT)一樣,除了 GWT 是用動態建立的 HTML 來呈現畫面、而不是像素構成的圖像。

在傳統的 JavaScript 程式裡頭,動態的 UI 建立是運用 browser 的 DOM。雖然 GWT 提供了 DOM package 來操作 DOM,但是使用 Widget 家族的 class 會簡單的多。Widget 可以簡單快速地在所有 browser 建立 UI 且運作正常。

跨 browser 的支援—使用 widget 跟 composite 來達到跨 browser 的整合性。
使用 Panel 作 layout—有許多可以用來作 layout 的 panel。[X]
widget—建立使用者控制介面。[X]
建立自訂的 widget—建立新的 widget、composite widget 或是 native JavaScript widget。[X]
操作 DOM—有需要時,直接操控 browser 的 DOM。[X]
event 跟 handler—掌控 widget 產生的 event。[X]
操作 CSS—用 CSS 設計 widget 風格。 [X]
用 UiBinder 設計 layout—用 XML 來建立 widget 跟 DOM 結構。
Bundling 圖片 resource—降低 HTTP 要求圖片的次數,來讓圖片載入過程最佳化。[X]