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