GWT教程
 GWT Composite组件 GWT ScrollPanel组件 

GWT SimplePanel组件

GWT SimplePanel组件 介绍

SimplePanel组件表示用于仅包含一个微件的面板的基类。

GWT SimplePanel组件 声明

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

public class SimplePanel
   extends Panel
      implements HasOneWidget

GWT SimplePanel组件 构造方法

构造方法 描述
SimplePanel() 构建一个新的 SimplePanel。
protected SimplePanel(Element elem) 创建一个使用指定浏览器元素作为其内容的空面板。

GWT SimplePanel组件 方法

方法 描述
void add(Widget w) 向该面板添加一个小部件。
protected Element getContainerElement() 覆盖此方法以指定除根元素之外的元素作为面板子小部件的容器。
Widget getWidget() 获取面板的子部件。
java.util.Iterator<Widget> iterator() 获取包含的小部件的迭代器。
boolean remove(Widget w) 删除子小部件。
void setWidget(IsWidget w) 设置接收器的唯一小部件，如果有，则替换前一个小部件。
void setWidget(Widget w) 设置此面板的小部件。

GWT SimplePanel组件 示例

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>SimplePanel 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.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.*;

/**
 * Entry point classes define <code>onModuleLoad()</code>
 */
public class HelloWorld implements EntryPoint {
    public void onModuleLoad() {
        // Create a Simple Panel
        SimplePanel simplePanel = new SimplePanel();
        Label label = new Label("A Simple Label.");
        //add label to simple panel
        simplePanel.add(label);
        //set height and width of simple panel
        simplePanel.setHeight("200");
        simplePanel.setWidth("200");

        DecoratorPanel decoratorPanel = new DecoratorPanel();
        decoratorPanel.add(simplePanel);

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

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

 GWT Composite组件 GWT ScrollPanel组件 

热门文章

优秀文章

全部教程