
- GWT 教程
- GWT - 首頁
- GWT - 概述
- GWT - 環境搭建
- GWT - 應用
- GWT - 建立應用
- GWT - 部署應用
- GWT - 使用 CSS 樣式
- GWT - 基本部件
- GWT - 表單部件
- GWT - 複雜部件
- GWT - 佈局面板
- GWT - 事件處理
- GWT - 自定義部件
- GWT - UIBinder
- GWT - RPC 通訊
- GWT - JUnit 整合
- GWT - 除錯應用
- GWT - 國際化
- GWT - History 類
- GWT - 書籤支援
- GWT - 日誌框架
- GWT 有用資源
- GWT - 問答
- GWT - 快速指南
- GWT - 有用資源
- GWT - 討論
GWT - 基本部件
每個使用者介面都考慮以下三個主要方面:
UI 元素 - 這些是使用者最終看到並與之互動的核心可視元素。GWT 提供了大量常用元素,從基本元素到複雜元素,我們將在本教程中介紹。
佈局 - 它們定義了 UI 元素如何在螢幕上組織,併為 GUI(圖形使用者介面)提供最終外觀和感覺。這部分內容將在佈局章節中介紹。
行為 - 這些是使用者與 UI 元素互動時發生的事件。這部分內容將在事件處理章節中介紹。
GWT UI 元素
GWT 庫在定義良好的類層次結構中提供類,以建立複雜的基於 Web 的使用者介面。此元件層次結構中的所有類都派生自UIObject基類,如下所示:

每個基本 UI 部件都繼承自 Widget 類的屬性,而 Widget 類又繼承自 UIObject 的屬性。樹和選單將在複雜部件教程中介紹。
序號 | 部件及描述 |
---|---|
1 |
GWT UIObject 類
此部件包含文字,不解釋為使用<div>元素的 HTML,導致它以塊佈局顯示。 |
2 |
GWT Widget 類
此部件可以包含 HTML 文字,並使用<div>元素顯示 HTML 內容,導致它以塊佈局顯示。 |
基本部件
以下是一些重要的基本部件:
序號 | 部件及描述 |
---|---|
1 |
標籤
此部件包含文字,不解釋為使用<div>元素的 HTML,導致它以塊佈局顯示。 |
2 |
HTML
此部件可以包含 HTML 文字,並使用<div>元素顯示 HTML 內容,導致它以塊佈局顯示。 |
3 |
圖片
此部件在給定 URL 上顯示影像。 |
4 |
錨點
此部件表示一個簡單的<a>元素。 |
廣告