GWT教程
 GWT HorizontalSplitPanel组件 GWT FlexTable组件 

GWT VerticalSplitPanel组件

GWT VerticalSplitPanel组件 介绍

VerticalSplitPanel组件表示面板排列在单个垂直列中两个小部件和允许用户交互地改变专用于每个所述两个小部件的高度的比例。包含在 VerticalSplitterPanel 中的小部件将在必要时自动用滚动条装饰。

GWT VerticalSplitPanel组件 声明

以下是com.google.gwt.user.client.ui.VerticalSplitPanel类的声明

@Deprecated
public final class VerticalSplitPanel
   extends Panel

GWT VerticalSplitPanel组件 构造方法

构造方法 描述
VerticalSplitPanel() 已弃用。
VerticalSplitPanel(VerticalSplitPanel.Resources resources) 已弃用。创建一个空的垂直拆分面板。
VerticalSplitPanel(VerticalSplitPanelImages images) 已弃用。替换为 VerticalSplitPanel(Resources)

GWT VerticalSplitPanel组件 方法

方法 描述
void add(Widget w) 已弃用。向 Horizo​​ntalSplitPanel 中的窗格添加小部件。
protected Element getElement(int index) 已弃用。获取给定索引的内容元素。
Widget getEndOfLineWidget() 已弃用。获取位于布局行方向末尾的窗格中的小部件。
Widget getBottomWidget() 已弃用。获取面板底部的小部件。
Widget getTopWidget() 已弃用。获取面板顶部的小部件。
protected Element getSplitElement() 已弃用。获取充当拆分器的元素。
Widget getStartOfLineWidget() 已弃用。获取窗格中位于布局线方向开始处的小部件。
protected Widget getWidget(int index) 已弃用。获取包含的小部件之一。
boolean isResizing() 已弃用。指示是否正在调整拆分面板的大小。
java.util.Iterator<Widget> iterator() 已弃用。获取包含的小部件的迭代器。
void onBrowserEvent(Event event) 已弃用。每当接收到浏览器事件时触发。
protected void onEnsureDebugId(java.lang.String baseID) 已弃用。受影响的元素：-splitter = 包含拆分器元素的容器。-right = 分离器右侧的容器。-left = 分离器左侧的容器。
protected void onLoad() 已弃用。在小部件附加到浏览器的文档后立即调用此方法。
protected void onUnload() 已弃用。在小部件从浏览器的文档分离之前立即调用此方法。
boolean remove(Widget widget) 已弃用。删除子小部件。
void setEndOfLineWidget(Widget w) 已弃用。在位于布局行方向末尾的窗格中设置小部件。
void setBottomWidget(Widget w) 已弃用。在面板底部设置小部件。
void setTopWidget(Widget w) 已弃用。在面板的顶部设置小部件。
void setSplitPosition(java.lang.String pos) 已弃用。移动拆分器的位置。
void setStartOfLineWidget(Widget w) 已弃用。在位于布局线方向开始处的窗格中设置小部件。
protected void setWidget(int index, Widget w) 已弃用。设置包含的小部件之一。

GWT VerticalSplitPanel组件 示例

1）修改HelloWorld.gwt.xml

<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.8.0//EN"
        "http://gwtproject.org/doctype/2.8.0/gwt-module.dtd">
<module rename-to="HelloWorld">

    <!-- Inherit the core Web Toolkit stuff.                  -->
    <inherits name='com.google.gwt.user.User'/>

    <!-- Inherit the default GWT style sheet.                       -->
    <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>
    
    <!-- Specify the app entry point class.                   -->
    <entry-point class='com.yiidian.helloWorld.client.HelloWorld'/>


    <!-- Specify the app servlets.                   -->
    <servlet path='/HelloWorldService' class='com.yiidian.helloWorld.server.HelloWorldServiceImpl'/>

    <source path = 'client'/>
    <source path = 'shared'/>
</module>

2）修改HelloWorld.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;
}

3）修改HelloWorld.html

<html>
<head>
    <title>yiidian.com-GWT Hello World</title>
    <link type="text/css" rel="stylesheet" href="HelloWorld.css">
    <script type="text/javascript" language="javascript" src="HelloWorld/HelloWorld.nocache.js"></script>
</head>
<body>
<h1>VerticalSplitPanel Widget Demonstration</h1>
<div id = "gwtContainer"></div>
</body>
</html>

4）HelloWorld.java

package com.yiidian.helloWorld.client;


import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.*;

/**
 * Entry point classes define <code>onModuleLoad()</code>
 */
public class HelloWorld implements EntryPoint {
    public void onModuleLoad() {
        // Create a Vertical Split Panel
        VerticalSplitPanel verticalSplitPanel = new VerticalSplitPanel();
        verticalSplitPanel.setSize("300px", "200px");
        verticalSplitPanel.setSplitPosition("35%");

        // Add some content
        String randomText = "This is a sample text.";
        for (int i = 0; i < 2; i++) {
            randomText += randomText;
        }
        verticalSplitPanel.setBottomWidget(new HTML(randomText));
        verticalSplitPanel.setTopWidget(new HTML(randomText));

        DecoratorPanel decoratorPanel = new DecoratorPanel();
        decoratorPanel.add(verticalSplitPanel);
        // Add the widgets to the root panel.
        RootPanel.get().add(decoratorPanel);
    }
}

运行应用程序，显示结果如下：

 GWT HorizontalSplitPanel组件 GWT FlexTable组件 

热门文章

优秀文章

全部教程