GWT - 布局面板

布局面板可以包含其他小部件。这些面板控制小部件在用户界面上的显示方式。每个面板小部件都从 Panel 类继承属性,而 Panel 类又从 Widget 类继承属性,而 Widget 类又从 UIObject 类继承属性。

Sr.No. 小部件 &描述
1 GWT UIObject 类

此小部件包含文本,未使用 <div> 元素将其解释为 HTML,导致其以块布局显示。

2 GWT 小部件类

此小部件可以包含 HTML 文本并使用 <div> 显示 html 内容元素,使其以块布局显示。

3 GWT 面板类

这是所有面板的抽象基类,面板是可以包含其他小部件的小部件。

布局面板

以下是一些重要的布局面板

Sr.No. 小部件 &描述
1 FlowPanel

此小部件表示使用默认 HTML 布局行为格式化其子小部件的面板。

2 Horizo​​ntalPanel

此小部件表示将其所有小部件布置在单个水平列中的面板。

3 VerticalPanel

此小部件表示一个面板,该面板将所有小部件布置在一个垂直列中。

4 Horizo​​ntalSplitPanel

此小部件表示一个面板,该面板将两个小部件排列在一个水平行中,并允许用户以交互方式更改两个小部件各自专用的宽度比例。必要时,Horizo​​ntalSplitPanel 中包含的小部件将自动用滚动条装饰。

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) 将设置对话框本身的宽度和高度,即使尚未添加小部件。