2009-12-20 4 views
2

GWT 애플리케이션 용 풍선 형 위젯을 찾고 있습니다. 지도에 검색 결과를 표시 할 때 Google지도에 표시되는 풍선과 같습니다.GWT 용 풍선 위젯

검색 할 때 자바 스크립트 위젯 만 찾았지만 GWT에서 사용할 위젯이 없습니까?

답변

3

OverLib을 살펴보십시오. 그것은 향상된 팝업 팝업 힌트 윈도우를 보여주는 오픈 소스 자바 스크립트 lib입니다. GWT에 쉽게 통합 될 수 있습니다. 또한 자신 만의 HTML 팝업을 만들 수 있습니다.

다음은 내 lib helper 코드의 일부입니다 (overlib은 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; 
} 
2

GWT에서는 팝업 패널을 사용하여 팝업 패널을 사용하여 자신 만의 도구를 만들 수 있습니다. 풍선과 같은 이미지 (이미지 배경이 투명해야 함)를 팝업 패널 background.After로 설정하면 결과가 "A" , "B"등 ... 팝업 패널의 레이블로.

+0

을 그렇게 쉬운 일이 아니다 보인다 : getSimpleToolTip로 제작 속성은 당신의 GWT 요소에 추가 된 baloon입니다의 꼬리가 특정 위젯을 가리켜 야합니다. 고정 된 배경 이미지를 사용하는 경우 PopupPanel.showRelativeTo()가 패널을 동적으로 배치하므로 항상 그렇지는 않습니다. "팝업의 너비와 높이 및 대상에서 아래 및 오른쪽 가장자리까지의 거리에 따라 달라집니다 창의 오른쪽 상단에 팝업이 표시되거나 오른쪽 가장자리가 대상의 오른쪽 가장자리에 정렬 될 수 있습니다. " (출처 : http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/PopupPanel.html) – Bob

+0

글쎄, 그것은 3x3 테이블 8 개의 배경 이미지 세트로 그런 다음 화살표 이미지로 경계 배경 이미지를 원하는 위치에 오버레이합니다. 간단하면서도 꽤 많은 작업. – user1050755