布局面板可以包含其他小部件。這些面板控制小部件在用戶界面上的顯示方式。每個Panel小部件從Panel類繼承屬性,Panel類又從widget類繼承屬性,Panel類又從UIObject類繼承屬性。
Sr.No. | Widget & Description |
---|---|
1 |
GWT UIObject Class
此小部件包含文本,而不是使用<div>元素解釋爲HTML,從而使其以塊布局顯示。 |
2 |
GWT Widget Class
此小部件可以包含HTML文本,並使用<div>元素顯示HTML內容,從而使其以塊布局顯示。 |
3 |
GWT Panel Class
這是所有面板的抽象基類,這些面板是可以包含其他小部件的小部件。 |
Layout Panels
以下是幾個重要的布局面板;
Sr.No. | Widget & Description |
---|---|
1 |
FlowPanel
此小部件表示一個面板,該面板使用默認的HTML布局行爲格式化其子小部件。 |
2 |
HorizontalPanel
這個小部件表示一個面板,它將所有小部件放在一個水平列中。 |
3 |
VerticalPanel
這個小部件表示一個面板,它將所有小部件放在一個垂直列中。 |
4 |
HorizontalSplitPanel
此小部件表示一個面板,該面板將兩個小部件排列在一個水平行中,並允許用戶交互更改專用於兩個小部件的寬度比例。必要時,包含在水平拆分面板中的小部件將自動用滾動條裝飾。 |
5 |
VerticalSplitPanel
這個小部件表示一個面板,它將兩個小部件排列在一個垂直列中,並允許用戶交互地更改兩個小部件的高度比例。必要時,VertialSplitPanel中包含的小部件將自動用滾動條裝飾。 |
6 |
FlexTable
這個小部件表示一個靈活的表,可以根據需要創建單元格。它可以是鋸齒形的(即,每一行可以包含不同數量的單元格),單個單元格可以設置爲跨多行或多列。 |
7 |
Grid
這個小部件表示一個矩形網格,它可以在單元格中包含文本、html或子小部件。它必須顯式地調整到所需的行數和列數。 |
8 |
DeckPanel
在一個「deck」中顯示其所有子窗口小部件的面板,其中一次只能看到一個窗口小部件。它由TabPanel使用。 |
9 |
DockPanel
這個小部件代表一個面板,它將其子小部件「停靠」在外部邊緣,並允許其最後一個小部件占據其中心的剩餘空間。 |
10 |
HTMLPanel
這個小部件代表一個包含HTML的面板,它可以將子小部件附加到HTML中標識的元素。 |
11 |
TabPanel
此小部件表示一個面板,該面板表示一組帶選項卡的頁面,每個頁面都包含另一個小部件。當用戶選擇與之關聯的各個選項卡時,它的子窗口小部件就會顯示出來。選項卡可以包含任意HTML。 |
12 |
Composite
此小部件表示一種可以包裝另一個小部件的小部件,隱藏包裝的小部件的方法。當添加到面板時,組合的行爲與它包裝的小部件被添加的行爲完全相同。 |
13 |
SimplePanel
此小部件表示僅包含一個小部件的面板的基類。 |
14 |
ScrollPanel
這個小部件表示一個簡單的面板,它將其內容包裝在一個可滾動的區域中 |
15 |
FocusPanel
這個小部件代表一個簡單的面板,使其內容可聚焦,並增加了捕捉滑鼠和鍵盤事件的能力。 |
16 |
FormPanel
此小部件表示一個將其內容包裝在HTML<FORM>元素中的面板。 |
17 |
PopupPanel
這個小部件代表一個可以在其他小部件上彈出的面板。它覆蓋瀏覽器的工作區(以及以前創建的任何彈出窗口)。 |
18 |
DialogBox
這個小部件代表一種彈出窗口,頂部有一個標題區域,用戶可以拖動它。與popupanel不同,調用popupanel.set width(String)和popupanel.set height(String)將設置對話框本身的寬度和高度,即使尚未添加小部件。 |