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