GWT - 布局面板


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

先生。 小部件和描述
1 GWT UIObject 类

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

2 GWT 小部件类

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

3 GWT面板类

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

布局面板

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

先生。 小部件和描述
1 流程面板

该小部件代表一个面板,该面板使用默认的 HTML 布局Behave来格式化其子小部件。

2 水平面板

该小部件代表一个面板,将其所有小部件放置在单个水平列中。

3 垂直面板

该小部件代表一个面板,将其所有小部件放置在一个垂直列中。

4 水平分割面板

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

5 垂直分割面板

该小部件代表一个 A 面板,它将两个小部件排列在一个垂直列中,并允许用户以交互方式更改专用于这两个小部件中每一个的高度比例。必要时,VertialSplitPanel 中包含的小部件将自动用滚动条装饰。

6 弹性表

该小部件代表一个灵活的表格,可以根据需要创建单元格。它可以是锯齿状的(即每行可以包含不同数量的单元格),并且可以将单个单元格设置为跨越多行或多列。

7 网格

该小部件代表一个矩形网格,可以在其单元格中包含文本、html 或子小部件。必须将其大小显式调整为所需的行数和列数。

8 甲板面板

面板,在“甲板”中显示其所有子窗口小部件,其中一次只能看到一个。它由 TabPanel 使用。

9 停靠面板

该小部件代表一个面板,该面板将其子小部件“停靠”在其外边缘,并允许其最后一个小部件占用其中心的剩余空间。

10 HTML面板

该小部件代表一个包含 HTML 的面板,并且可以将子小部件附加到该 HTML 中的已识别元素。

11 标签面板

该小部件代表一个面板,该面板代表一组选项卡式页面,每个页面都包含另一个小部件。当用户选择与其关联的各种选项卡时,会显示其子窗口小部件。选项卡可以包含任意 HTML。

12 合成的

这个小部件代表一种可以包装另一个小部件的小部件,隐藏被包装的小部件的方法。当添加到面板时,组合的Behave就像添加了它所包装的小部件一样。

13 简单面板

该小部件代表仅包含一个小部件的面板的基类。

14 滚动面板

该小部件代表一个简单的面板,它将其内容包装在可滚动区域中

15 焦点面板

该小部件代表一个简单的面板,使其内容可聚焦,并添加了捕获鼠标和键盘事件的功能。

16 表单面板

该小部件代表一个将其内容包装在 HTML <FORM> 元素中的面板。

17 号 弹出面板

该小部件代表一个可以在其他小部件之上弹出的面板。它覆盖浏览器的客户区域(以及任何先前创建的弹出窗口)。

18 对话框

该小部件代表一种弹出窗口形式,顶部有一个标题区域,可以由用户拖动。与 PopupPanel 不同,调用 PopupPanel.setWidth(String) 和 PopupPanel.setHeight(String) 将设置对话框本身的宽度和高度,即使尚未添加小部件也是如此。