GWT：将图像添加到Anchor

Question

如何将图像添加到Anchor元素？我尝试了一个找到here的解决方案，但仍然在图像旁边显示了目标URL文本。有任何想法吗 ？谢谢。我使用GWT 2.5.1。

Answer 1

解决方案对我有用，并在新标签中打开了一个链接：

Image image = new Image("path/to/your/image.png");
Anchor anchor = new Anchor("", "http://your-fancy-url.com", "_blank");
anchor.getElement().getStyle().setCursor(Style.Cursor.POINTER);
anchor.getElement().appendChild(mylo.getImage().getElement());

谢谢塞巴斯蒂安和peotest的帮助。

Answer 2

new Anchor("<img src=\"path/to/your/image.png\">", true, "http://example.com", "_blank");

Answer 3

将此代码写入客户端软件包中的“sample.ui.xml”

<g:FlowPanel addStyleNames="col-lg-offset-2 col-lg-10">
    <g:Anchor ui:field="myAnchor"></g:Anchor>
</g:FlowPanel>

在客户端包中的“sample.java”中编写此代码

//声明变量

@UiField
Anchor myAnchor;

//承包商内部

myAnchor.setHref("http://google.com");
myAnchor.setText("Google");
myAnchor.setHTML("<img src='google.png'>"); // place google.png file in GWT project war folder (war/google.png) 
myAnchor.setTitle("Google");
myAnchor.setVisible(true);

这将为图像提供锚标记（超链接）GWT项目