气球的小部件的GWT

Question

我搜索用于GWT应用程序气球状部件，例如像气球谷歌地图显示在地图上显示搜索结果时。

在搜索我只找到的Javascript窗口小部件，但不存在任何部件在GWT使用？

Answer 1

看一看 overLib库。它是一个开源的JavaScript LIB显示增强的弹出提示窗口。它可以很容易集成到GWT。另外，您还可以自由地创建自己的HTML弹出窗口。

下面是我在LIB助手代码的片段（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;
 }

Answer 2

在GWT与弹出panel.Have图像的帮助下像气球创建自己的窗口小部件（图像背景应该是透明的），并设置为依赖于您的要求添加的结果，如“A”的弹出面板background.After， “B”等...如在弹出面板的标签。