GWT SplitLayoutPanel用法 GWTSplitLayoutPanel|GWT

本文概述

SplitLayoutPanel常用方法
GWT SplitLayoutPanel示例

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; }

【GWT SplitLayoutPanel用法】输出：