極客書

GWT - Basic Widgets

每個用戶界面都考慮以下三個主要方面;

  • UI元素是用戶最終看到並與之交互的核心視覺元素。GWT提供了大量廣泛使用的通用元素，從基本元素到複雜元素，我們將在本教程中介紹這些元素。

  • 布局−它們定義了UI元素在螢幕上的組織方式，並爲GUI（圖形用戶界面）提供了最終的外觀。本部分將在布局章節中介紹。

  • 行爲−這些是用戶與UI元素交互時發生的事件。本部分將在事件處理章節中介紹。

GWT UI Elements

GWT庫在定義良好的類層次結構中提供類，以創建複雜的基於web的用戶界面。此組件層次結構中的所有類都是從UIObject基類派生的，如下所示−

GWT Components

每個基本的UI小部件都從widget類繼承屬性，而widget類又從UIObject繼承屬性。樹和菜單將在複雜的小部件教程中介紹。

Sr.No. Widget & Description
1 GWT UIObject Class

此小部件包含文本，而不是使用<div>元素解釋爲HTML，從而使其以塊布局顯示。
2 GWT Widget Class

此小部件可以包含HTML文本，並使用<div>元素顯示HTML內容，從而使其以塊布局顯示。

Basic Widgets

以下是一些重要的基本小部件;

Sr.No. Widget & Description
1 Label

此小部件包含文本，而不是使用<div>元素解釋爲HTML，從而使其以塊布局顯示。
2 HTML

此小部件可以包含HTML文本，並使用<div>元素顯示HTML內容，從而使其以塊布局顯示。
3 Image

此小部件在給定的URL處顯示圖像。
4 Anchor

此小部件表示一個簡單的元素。