GWT - 基本部件



每個使用者介面都考慮以下三個主要方面:

  • UI 元素 - 這些是使用者最終看到並與之互動的核心可視元素。GWT 提供了大量常用元素,從基本元素到複雜元素,我們將在本教程中介紹。

  • 佈局 - 它們定義了 UI 元素如何在螢幕上組織,併為 GUI(圖形使用者介面)提供最終外觀和感覺。這部分內容將在佈局章節中介紹。

  • 行為 - 這些是使用者與 UI 元素互動時發生的事件。這部分內容將在事件處理章節中介紹。

GWT UI 元素

GWT 庫在定義良好的類層次結構中提供類,以建立複雜的基於 Web 的使用者介面。此元件層次結構中的所有類都派生自UIObject基類,如下所示:

GWT Components

每個基本 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>元素。

廣告