Anchor
介绍 (Introduction)
Anchor小部件，代表一个简单的“a”元素。
Class 声明 (Class Declaration)
以下是com.google.gwt.user.client.ui.Anchor类的声明 -
public class Anchor
extends FocusWidget
implements HasHorizontalAlignment, HasName,
HasHTML, HasWordWrap, HasDirection
CSS样式规则 (CSS Style Rules)
以下默认CSS样式规则将应用于所有Image小部件。 您可以根据自己的要求覆盖它。
.gwt-Anchor { }
类构造函数 (Class Constructors)
| Sr.No. | 构造函数和描述 |
|---|---|
| 1 | Anchor() 创建一个空锚。 |
| 2 | protected Anchor(Element element) 子类可以使用此构造函数来显式使用现有元素。 |
| 3 | Anchor(java.lang.String text) 创建脚本的锚点。 |
| 4 | Anchor(java.lang.String text, boolean asHtml) 创建脚本的锚点。 |
| 5 | Anchor(java.lang.String text, boolean asHTML, java.lang.String href) 创建一个锚，并指定其文本和href（目标URL）。 |
| 6 | Anchor(java.lang.String text, boolean asHtml, java.lang.String href, java.lang.String target) 创建源锚点（链接到URI）。 |
| 7 | Anchor(java.lang.String text, java.lang.String href) 创建一个锚，并指定其文本和href（目标URL）。 |
| 8 | Anchor(java.lang.String text, java.lang.String href, java.lang.String target) 使用帧目标创建源锚点。 |
Class Methods
| Sr.No. | 功能名称和描述 |
|---|---|
| 1 | HasDirection.Direction getDirection() 获取窗口小部件的方向性。 |
| 2 | HasHorizontalAlignment.HorizontalAlignmentConstant getHorizontalAlignment() 获取水平对齐方式。 |
| 3 | java.lang.String getHref() 获取锚点的href（它链接到的url）。 |
| 4 | java.lang.String getHTML() 以HTML格式获取此对象的内容。 |
| 5 | java.lang.String getName() 获取小部件的名称。 |
| 6 | int getTabIndex() 获取窗口小部件在选项卡索引中的位置。 |
| 7 | java.lang.String getTarget() 获取锚点的目标框架（选择链接时将在其中进行导航的框架）。 |
| 8 | java.lang.String getText() 获取此对象的文本。 |
| 9 | boolean getWordWrap() 获取是否启用自动换行。 |
| 10 | void setAccessKey(char key) 设置小部件的“访问密钥”。 |
| 11 | void setFocus(boolean focused) 明确关注/取消聚焦此小部件。 |
| 12 | void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) 设置水平对齐。 |
| 13 | void setHref(java.lang.String href) 设置锚点的href（它链接的url）。 |
| 14 | void setHTML(java.lang.String html) 通过HTML设置此对象的内容。 |
| 15 | void setName(java.lang.String name) 设置小部件的名称。 |
| 16 | void setTabIndex(int index) 设置窗口小部件在选项卡索引中的位置。 |
| 17 | void setText(java.lang.String text) 设置此对象的文本。 |
| 18 | void setWordWrap(boolean wrap) 设置是否启用自动换行。 |
| 19 | static Anchor wrap(Element element) 创建一个包装现有元素的Anchor小部件。 |
方法继承 (Methods Inherited)
该类继承以下类中的方法 -
com.google.gwt.user.client.ui.UIObject
com.google.gwt.user.client.ui.Widget
com.google.gwt.user.client.ui.FocusWidget
Anchor Widget示例
此示例将指导您完成在GWT中显示Anchor Widget的使用的简单步骤。 按照以下步骤更新我们在GWT - Create Application的GWT应用程序GWT - Create Application章节 -
| 步 | 描述 |
|---|---|
| 1 | 在com.iowiki包下创建一个名为HelloWorld的项目，如GWT - Create Application一章中所述。 |
| 2 | 修改HelloWorld.gwt.xml ， HelloWorld.css ， HelloWorld.html和HelloWorld.java ，如下所述。 保持其余文件不变。 |
| 3 | 编译并运行应用程序以验证实现的逻辑的结果。 |
以下是修改后的模块描述符src/com.iowiki/HelloWorld.gwt.xml 。
<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
<!-- Inherit the core Web Toolkit stuff. -->
<inherits name = 'com.google.gwt.user.User'/>
<!-- Inherit the default GWT style sheet. -->
<inherits nam e=' com.google.gwt.user.theme.clean.Clean'/>
<!-- Specify the app entry point class. -->
<entry-point class = 'com.iowiki.client.HelloWorld'/>
<!-- Specify the paths for translatable code -->
<source path = 'client'/>
<source path = 'shared'/>
</module>
以下是修改后的样式表文件war/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;
}
以下是修改后的HTML主机文件war/HelloWorld.html 。
<html>
<head>
<title>Hello World</title>
<link rel = "stylesheet" href = "HelloWorld.css"/>
<script language = "javascript" src = "helloworld/helloworld.nocache.js">
</script>
</head>
<body>
<h1>Anchor Widget Demonstration</h1>
<div id = "gwtContainer"></div>
</body>
</html>
让我们有以下Java文件src/com.iowiki/HelloWorld.java ，它将演示Anchor小部件的使用。
package com.iowiki.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.Anchor;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
public class HelloWorld implements EntryPoint {
public void onModuleLoad() {
// Create a Anchor widget,
// pass text as IoWiki
// set asHtml as false,
// href as www.iowiki.com,
// target as _blank
Anchor anchor = new Anchor("IoWiki",
false,
"http://www.iowiki.com",
"_blank");
// Add anchor to the root panel.
VerticalPanel panel = new VerticalPanel();
panel.add(anchor);
RootPanel.get("gwtContainer").add(panel);
}
}
一旦准备好完成所有更改，让我们像在GWT - 创建应用程序章节中那样在开发模式下编译和运行应用程序 。 如果您的应用程序一切正常，这将产生以下结果 -
