GWT - 佈局面板



佈局面板可以包含其他控制元件。這些面板控制控制元件在使用者介面上的顯示方式。每個 Panel 控制元件都繼承自 Panel 類,而 Panel 類又繼承自 Widget 類,Widget 類又繼承自 UIObject 類。

序號 控制元件及描述
1 GWT UIObject 類

此控制元件包含文字,不作為 HTML 解釋,使用 <div> 元素,導致其以塊佈局顯示。

2 GWT Widget 類

此控制元件可以包含 HTML 文字,並使用 <div> 元素顯示 HTML 內容,導致其以塊佈局顯示。

3 GWT Panel 類

這是所有面板的抽象基類,面板是可以包含其他控制元件的控制元件。

佈局面板

以下是幾個重要的佈局面板 -

序號 控制元件及描述
1 FlowPanel

此控制元件表示一個面板,該面板使用預設的 HTML 佈局行為來格式化其子控制元件。

2 HorizontalPanel

此控制元件表示一個面板,該面板將其所有控制元件水平排列成一列。

3 VerticalPanel

此控制元件表示一個面板,該面板將其所有控制元件垂直排列成一列。

4 HorizontalSplitPanel

此控制元件表示一個面板,該面板將兩個控制元件水平排列成一行,並允許使用者互動式地更改分配給這兩個控制元件的寬度比例。包含在 HorizontalSplitPanel 中的控制元件將在必要時自動新增捲軸。

5 VerticalSplitPanel

此控制元件表示一個面板,該面板將兩個控制元件垂直排列成一列,並允許使用者互動式地更改分配給這兩個控制元件的高度比例。包含在 VertialSplitPanel 中的控制元件將在必要時自動新增捲軸。

6 FlexTable

此控制元件表示一個靈活的表格,該表格可以按需建立單元格。它可以是不規則的(即,每一行可以包含不同數量的單元格),並且可以將單個單元格設定為跨越多行或多列。

7 Grid

此控制元件表示一個矩形網格,可以在其單元格中包含文字、html 或子控制元件。必須將其顯式調整為所需的行列數。

8 DeckPanel

一個面板,它以“疊放”的方式顯示其所有子控制元件,一次只能顯示一個。它被 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

此控制元件表示一種彈出視窗,頂部有一個標題區域,使用者可以拖動它。與 PopupPanel 不同,對 PopupPanel.setWidth(String) 和 PopupPanel.setHeight(String) 的呼叫將設定對話方塊本身的寬度和高度,即使尚未新增控制元件也是如此。

廣告

© . All rights reserved.