Воздушный шар-виджет для GWT

Question

Я ищу виджет, похожий на воздушный шар, для приложения GWT, напримерподобно воздушным шарам, которые Google Maps показывает при отображении результатов поиска на карте.

При поиске я нашел только виджеты Javascript, но есть ли какие-либо виджеты для использования в GWT?

Answer 1

Взгляните на Избыточный вес.Это библиотека javascript с открытым исходным кодом для отображения расширенных всплывающих окон подсказок.Он может быть легко интегрирован в GWT.Кроме того, у вас есть свобода создавать свои собственные всплывающие окна в формате HTML.

Вот фрагмент моего вспомогательного кода over lib (overlib должен быть распакован в общую папку вашего проекта GWT).Атрибуты , созданные с помощью Получите простую подсказку просто добавлены к вашим элементам 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 создайте свой собственный виджет с помощью всплывающей панели.Создайте изображение типа balloon (фон изображения должен быть прозрачным) и установите его в качестве фона всплывающей панели.После этого, в зависимости от ваших требований, добавьте свои результаты, такие как "A", "B" и т.д...в качестве метки во всплывающей панели.