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) 的调用将设置对话框本身的宽度和高度,即使尚未添加控件也是如此。

广告