GWT 布局面板

GWT 布局面板 介绍

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

小组件 描述
GWT UIObject类 此小部件包含文本,不会使用 <div> 元素将其解释为 HTML,从而使其以块布局显示。
GWT Widget类 此小部件可以包含 HTML 文本并使用 <div> 元素显示 html 内容,使其以块布局显示。
GWT Panel类 这是所有面板的抽象基类,这些面板是可以包含其他小部件的小部件。

GWT 常用的布局面板

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

小组件 描述
FlowPanel组件 此小部件表示一个面板,该面板使用默认的 HTML 布局行为格式化其子小部件。
HorizontalPanel组件 这个小部件代表一个面板,它将所有小部件放在一个水平列中。
VerticalPanel组件 这个小部件代表一个面板,它将所有小部件放在一个垂直列中。
HorizontalSplitPanel组件 此小部件代表一个面板,该面板将两个小部件排列在一个水平行中,并允许用户以交互方式更改专用于两个小部件中的每一个的宽度比例。Horizo​​ntalSplitPanel 中包含的小部件将在必要时自动使用滚动条进行装饰。
VerticalSplitPanel组件 此小部件代表一个 A 面板,该面板将两个小部件排列在一个垂直列中,并允许用户以交互方式更改专用于两个小部件中的每一个的高度比例。必要时,包含在 VertialSplitPanel 中的小部件将自动使用滚动条进行装饰。
FlexTable组件 这个小部件代表一个灵活的表格,可以按需创建单元格。它可以是锯齿状的(即每行可以包含不同数量的单元格),并且可以将单个单元格设置为跨越多行或多列。
Grid组件 此小部件表示一个矩形网格,可以在其单元格中包含文本、html 或子 Widget。它必须明确地调整为所需的行数和列数。
DeckPanel组件 在“DeckPanel”中显示其所有子部件的面板,一次只能看到一个。它由 TabPanel 使用。
DockPanel组件 该小部件代表一个面板,该面板将其子小部件“停靠”在其外边缘,并允许其最后一个小部件占据其中心的剩余空间。
HTMLPanel组件 这个小部件代表一个包含 HTML 的面板,它可以将子小部件附加到该 HTML 中的已识别元素。
TabPanel组件 此小部件代表一个面板,该面板代表一组选项卡式页面,每个页面都包含另一个小部件。当用户选择与其关联的各种选项卡时,会显示其子小部件。选项卡可以包含任意 HTML。
Composite组件 这个小部件代表一种可以包装另一个小部件的小部件,隐藏包装的小部件的方法。当添加到面板时,组合的行为就像添加了它包装的小部件一样。
SimplePanel组件 此小部件代表仅包含一个小部件的面板的基类。
ScrollPanel组件 这个小部件代表一个简单的面板,将其内容包装在可滚动区域中
FocusPanel组件 这个小部件代表一个简单的面板,可以让其内容成为焦点,并增加了捕捉鼠标和键盘事件的能力。
FormPanel组件 这个小部件代表一个将其内容包装在 HTML <FORM> 元素中的面板。
PopupPanel组件 这个小部件代表一个可以在其他小部件上弹出的面板。它覆盖浏览器的客户区(以及任何先前创建的弹出窗口)。
DialogBox组件 这个小部件代表一种弹出形式,顶部有一个标题区域,可以由用户拖动。与 PopupPanel 不同,调用 PopupPanel.setWidth(String) 和 PopupPanel.setHeight(String) 将设置对话框本身的宽度和高度,即使尚未添加小部件也是如此。

热门文章

优秀文章