个性化阅读
专注于IT技术分析

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拆分布局面板1
赞(0)
未经允许不得转载:srcmini » GWT SplitLayoutPanel用法

评论 抢沙发

评论前必须登录!