GWT的气球小部件

GWT的气球小部件,gwt,widget,balloon,popup-balloons,Gwt,Widget,Balloon,Popup Balloons,我正在为GWT应用程序搜索一个类似气球的小部件,例如,谷歌地图在地图上显示搜索结果时显示的气球 搜索时,我只找到Javascript小部件,但GWT中没有任何小部件可以使用吗?在GWT中,使用弹出面板创建您自己的小部件。像baloon这样的图像背景应该是透明的,并将其设置为弹出面板背景。之后根据您的要求添加结果,如a、B等。。。作为弹出面板中的标签。查看。它是一个开源javascript库,用于显示增强的弹出提示窗口。它可以很容易地集成到GWT中。此外,您还可以自由创建自己的HTML弹出窗口 下

我正在为GWT应用程序搜索一个类似气球的小部件,例如,谷歌地图在地图上显示搜索结果时显示的气球


搜索时,我只找到Javascript小部件,但GWT中没有任何小部件可以使用吗?

在GWT中,使用弹出面板创建您自己的小部件。像baloon这样的图像背景应该是透明的,并将其设置为弹出面板背景。之后根据您的要求添加结果,如a、B等。。。作为弹出面板中的标签。

查看。它是一个开源javascript库,用于显示增强的弹出提示窗口。它可以很容易地集成到GWT中。此外,您还可以自由创建自己的HTML弹出窗口

下面是我的overlib助手代码的一个片段overlib必须解压缩到GWT项目的公用文件夹中。 使用getSimpleToolTip生成的属性只是添加到GWT元素中:

    public static String getSimpleToolTip(String text, Integer width, Integer height)
 {
  String alt = "onmouseout=\"" + getOnMouseOutAttribute() + "\""; 
  alt = alt + " onmouseover=\"" + getOnMouseOverAttribute(text, width, height) + "\"";
  return alt;
 }

 public static String getOnMouseOutAttribute()
 {
  return "return nd();"; 
 }

 public static String getOnMouseOverAttribute(String text, Integer width, Integer height)
 {
  String out = "return overlib('" + text + "'";
  out = out + ", DELAY, 750";

  if (width != null)
  {
   out = out + ", WIDTH, " + width.toString();
  }

  if (height != null)
  {
   out = out + ", HEIGHT, " + height.toString();
  }

  out = out + ");";

  return out;
 }

好吧,这似乎不是那么容易:阳台的尾部应该指向某个小部件。如果我使用固定的背景图像,情况并非总是如此,因为PopupPanel.showRelative动态定位面板:根据弹出窗口的宽度和高度以及从目标到窗口底部和右边缘的距离,弹出窗口可能直接显示在目标上方,和/或其右边缘可与目标的右边缘对齐。资料来源:好吧,它归结为使用一个3x3表格和一组8幅背景图像。然后在所需位置用箭头图像覆盖边框背景图像。。。。。。简单但相当多的工作。