GWT：将图像添加到锚定

如何将图像添加到锚元素？我尝试了找到的解决方案，但仍将目标URL文本显示在图像旁边。有什么想法吗？非常感谢。我使用的是GWT 2.5.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());

---

感谢您对Sebastian的帮助。

解决方案对我有效，并在新选项卡中打开了一个链接：

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());

谢谢你对塞巴斯蒂安的帮助。

新主播（“，真，”http://example.com“，”空白“）；

新锚（“，true，”http://example.com“，”空白“）；

在客户机包的“sample.ui.xml”中编写此代码

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

//承包商内部

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);

myAnchor.setHref（“http://google.com");
myAnchor.setText（“谷歌”）；
myAnchor.setHTML（“”；//将google.png文件放入GWT项目war文件夹（war/google.png）
myAnchor.setTitle（“谷歌”）；
myAnchor.setVisible（true）；

这将提供带有锚定标记（超链接）GWT项目的图像

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

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

//承包商内部

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);

myAnchor.setHref（“http://google.com");
myAnchor.setText（“谷歌”）；
myAnchor.setHTML（“”；//将google.png文件放入GWT项目war文件夹（war/google.png）
myAnchor.setTitle（“谷歌”）；
myAnchor.setVisible（true）；

---

---

这将提供带有锚定标记（超链接）GWT项目的图像

刚刚删除了我的答案，因为它没有我想象的那么有用：-）公共锚（SafeThMLHTML，String href）构造函数呢？我创建了锚：锚定锚=新锚定（“，”，“，_blank”）；然后我将图像添加到锚点：anchor.getElement（）.appendChild（myImageInstance.getElement（））；它成功了：）很高兴你解决了：-）刚刚删除了我的答案，因为它没有我想象的那么有用：-）那么公共锚（SafeHtml html，String href）构造函数呢？我创建了锚：Anchor Anchor=new Anchor（“，”，“，_blank”）；然后我将图像添加到锚点：anchor.getElement（）.appendChild（myImageInstance.getElement（））；它成功了：）很高兴你解决了：-）这种方法如何处理需要显式调整大小的ImageResource？类似于

new Anchor（new ImageResourceRenderer（）.render（ImageResource），”http://example.com“，”空白“

？托马斯，请你详细说明一下好吗？我不知道这将如何允许我设置图像的宽度和高度；或者，如果您感兴趣的只是内联（而现在，这甚至不总是一个好的优化），那么可以使用DataResource。然后使用SafeHtmlTemplate从资源的SafeUri安全地构建HTML片段，并将所需大小设置为HTML属性或SafeStyles。不过，根据您的需要，ui.xml中的纯HTML（可能作为所有者类中的锚定元素注入）可能是更好的选择。明白了！非常感谢。这种方法如何处理需要显式调整大小的ImageResource？类似于

new Anchor（new ImageResourceRenderer（）.render（ImageResource），”http://example.com“，”空白“

？托马斯，请你详细说明一下好吗？我不知道这将如何允许我设置图像的宽度和高度；或者，如果您感兴趣的只是内联（而现在，这甚至不总是一个好的优化），那么可以使用DataResource。然后使用SafeHtmlTemplate从资源的SafeUri安全地构建HTML片段，并将所需大小设置为HTML属性或SafeStyles。不过，根据您的需要，ui.xml中的纯HTML（可能作为所有者类中的锚定元素注入）可能是更好的选择。明白了！非常感谢。这种方法很有效；它允许您使用具有显式维度的ImageResource；它允许您使用具有显式维度的ImageResource。