GWT教程
 GWT Image组件 GWT Button组件 

GWT Anchor组件

GWT Anchor组件 介绍

Anchor组件显示为<a>元素。

GWT Anchor组件 声明

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

public class Anchor
   extends FocusWidget
      implements HasHorizontalAlignment, HasName,
	     HasHTML, HasWordWrap, HasDirection

CSS 样式规则

以下默认 CSS 样式规则将应用于所有Anchor标签。您可以根据您的要求覆盖它。

.gwt-Anchor { }

GWT Anchor组件 构造方法

构造方法 描述
Anchor() 创建一个空锚点。
protected Anchor(Element element) 子类可以使用此构造函数来显式使用现有元素。
Anchor(java.lang.String text) 为脚本创建一个锚点。
Anchor(java.lang.String text, boolean asHtml) 为脚本创建一个锚点。
Anchor(java.lang.String text, boolean asHTML, java.lang.String href) 创建一个带有指定文本和 href（目标 URL）的锚点。
Anchor(java.lang.String text, boolean asHtml, java.lang.String href, java.lang.String target) 创建一个源锚点（链接到 URI）。
Anchor(java.lang.String text, java.lang.String href) 创建一个带有指定文本和 href（目标 URL）的锚点。
Anchor(java.lang.String text, java.lang.String href, java.lang.String target) 创建具有框架目标的源锚点。

GWT Anchor组件 方法

方法 描述
HasDirection.Direction getDirection() 获取小部件的方向性。
HasHorizontalAlignment.HorizontalAlignmentConstant getHorizontalAlignment() 获取水平对齐方式。
java.lang.String getHref() 获取锚点的 href（链接到的 url）。
java.lang.String getHTML() 以 HTML 形式获取此对象的内容。
java.lang.String getName() 获取小部件的名称。
int getTabIndex() 获取小部件在选项卡索引中的位置。
java.lang.String getTarget() 获取锚点的目标框架（选择链接时将发生导航的框架）。
java.lang.String getText() 获取此对象的文本。
boolean getWordWrap() 获取是否启用自动换行。
void setAccessKey(char key) 设置小部件的“访问密钥”。
void setFocus(boolean focused) 显式聚焦/取消聚焦此小部件。
void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) 设置水平对齐方式。
void setHref(java.lang.String href) 设置锚点的 href（链接到的 url）。
void setHTML(java.lang.String html) 通过 HTML 设置此对象的内容。
void setName(java.lang.String name) 设置小部件的名称。
void setTabIndex(int index) 设置小部件在选项卡索引中的位置。
void setText(java.lang.String text) 设置此对象的文本。
void setWordWrap(boolean wrap) 设置是否启用自动换行。
static Anchor wrap(Element element) 创建一个包含现有 <a> 元素的 Anchor 小部件。

GWT  Anchor组件 示例

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'/>

    <!-- 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>Anchor 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.Window;
import com.google.gwt.user.client.ui.*;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.DOM;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.ClickEvent;

/**
 * Entry point classes define <code>onModuleLoad()</code>
 */
public class HelloWorld implements EntryPoint {
    public void onModuleLoad() {
        // Create a Anchor widget,
        // pass text as TutorialsPoint
        // set asHtml as false,
        // href as www.tutorialspoint.com,
        // target as _blank
        Anchor anchor = new Anchor("TutorialsPoint",
                false,
                "http://www.tutorialspoint.com",
                "_blank");
        // Add anchor to the root panel.
        VerticalPanel panel = new VerticalPanel();
        panel.add(anchor);

        RootPanel.get("gwtContainer").add(panel);
    }
}

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

 GWT Image组件 GWT Button组件 

热门文章

优秀文章

全部教程