本文概述
GWT SplitLayoutPanel与GWT DockLayoutPanel相似, 不同之处在于其子项大小始终以绝对值指定。它的子窗口小部件在每个窗口小部件之间都有拆分器, 可帮助用户相应地拖动窗口小部件。
GWT SplitLayoutPanel类声明
让我们看看com.google.gwt.user.client.ui.SplitLayoutPanel的声明
public class SplitLayoutPanel extends DockLayoutPanel
SplitLayoutPanel嵌套类
类 | 描述 |
---|---|
SplitLayoutPanel.HSplitter | 它将面板水平分割。 |
SplitLayoutPanel.Splitter | 它是常见的分离器。 |
SplitLayoutPanel.VSplitter | 它垂直拆分面板。 |
GWT SplitLayoutPanel构造函数
建设者 | 描述 |
---|---|
SplitLayoutPanel() | 它将使用默认拆分器大小8px构造一个新的SplitLayoutPanel。 |
SplitLayoutPanel(int splitterSize) | 它使用指定的拆分器大小(以像素为单位)构造一个新的SplitLayoutPanel。 |
SplitLayoutPanel常用方法
修饰符和类型 | 方法 | 描述 |
---|---|---|
int | getSplitterSize() | 它返回分割器的大小(以像素为单位)。 |
void | insert(Widget child, DockLayoutPanel.Direction direction, double size, Widget before) | 它将小部件添加到停靠的指定边缘。 |
boolean | remove(Widget child) | 它删除一个子窗口小部件。 |
void | setWidgetHidden(Widget widget, boolean hidden) | 它设置是否应隐藏给定的小部件。 |
void | setWidgetMinSize(Widget child, int minSize) | 它设置给定小部件的最小允许大小。 |
void | setWidgetSnapClosedSize(Widget child, int snapClosedSize) | 它设置一个尺寸, 低于该尺寸滑块将完全关闭。 |
void | setWidgetToggleDisplayAllowed(Widget child, boolean allowed) | 它设置是否双击拆分器应切换小部件的显示。 |
GWT SplitLayoutPanel示例
//SampleSplitLayoutPanel.java
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.Window;
/*This is the entry point method. */
public void onModuleLoad() {
// Create a two-pane layout with splitters.
SplitLayoutPanel p = new SplitLayoutPanel();
p.addWest(new HTML("Navigation Tree"), 128);
// Attach the LayoutPanel to the RootLayoutPanel.
RootLayoutPanel rp = RootLayoutPanel.get();
rp.add(p);
}
//SampleSplitLayoutPanel.css
body {
text-align: center;
font-family: verdana, sans-serif;
}
h1 {
font-size: 2em;
font-weight: bold;
color: #777777;
margin: 40px 0px 70px;
text-align: center;
}
.dockpanel td {
border: 1px solid #BBBBBB;
padding: 3px;
}
输出:
评论前必须登录!
注册