Инструмент подсказки над сообщением при перемещении мыши

Question

Я пытаюсь показать всплывающее окно, когда я перемещаю мышь над изображением. Не могли бы вы помочь?

public shopWidget extends Composite implements ClickListener { 
    Image phoneImage = new Image(); 
    Image serviceImage = new Image(); 
    FlexTable flTable = new FlexTable(); 
    flTable.setWidget(0, 0, this.rewardsLabel); 
    flTable.setWidget(1, 0, this.serviceImage); 
    this.initWidget(flTable); 
} 

Answer 1

Если вы используете качели, которые он не выглядит, как вы, (так почему я отвечать?), То все JComponents неявно поддерживают подсказки с помощью методов, таких как;

setToolTipText(String text) 

Answer 2

Image phoneImage = new Image(); 
    phoneImage.addMouseOverHandler(new MouseOverHandler() { 

     @Override 
     public void onMouseOver(MouseOverEvent event) { 
      PopupPanel p = new PopupPanel(true); 
      Widget source = (Widget) event.getSource(); 
      int x = source.getAbsoluteLeft() + 10; 
      int y = source.getAbsoluteTop() + 10; 

      p.add(new Label("hi from tooltip")); // you can add any widget here 
      p.setPopupPosition(x, y); 
      p.show(); 

     } 
    }); 

здесь в GWT простого popup

Answer 3

setTitle(String) отображает всплывающий текст поверх любого UIObject, в том числе Image с. Это является родным для браузера, и разрешен только текст.

Answer 4

final PopupPanel pop = new PopupPanel(false, false); 
pop.setWidget(new Label("popup")); 
Image image = new CustomTooltipImage(pop); 
image.setUrl("http://sstatic.net/stackoverflow/img/venn-diagram.png"); 

Вот пользовательский класс подсказка изображения:

public class CustomTooltipImage extends Image implements MouseOverHandler, MouseMoveHandler, MouseOutHandler 
{ 
    private final PopupPanel tooltip; 

    public CustomTooltipImage(PopupPanel tooltip) 
    { 
     super(); 
     this.tooltip = tooltip; 
     addMouseOverHandler(this); 
     addMouseOutHandler(this); 
     addMouseMoveHandler(this); 
    } 

    @Override 
    public void onMouseOut(MouseOutEvent event) 
    { 
     tooltip.hide(); 
    } 

    @Override 
    public void onMouseMove(MouseMoveEvent event) 
    { 
     tooltip.setPopupPosition(event.getClientX(), event.getClientY()); 
    } 

    @Override 
    public void onMouseOver(MouseOverEvent event) 
    { 
     tooltip.setPopupPosition(event.getClientX(), event.getClientY()); 
     tooltip.show(); 
    } 
}