GWT:将图像添加到Anchor

时间:2016-09-19 12:33:27

标签: gwt anchor

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

3 个答案:

答案 0 :(得分:0)

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

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的帮助。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

将此代码写入客户端软件包的“ 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项目