css - vaadin 中的自动隐藏布局

Question

我想制作一个在鼠标悬停时可见并在鼠标移出时自动隐藏的布局。我尝试了这段代码，但它没有给我任何结果；

public class DemoLayout extends VerticalLayout implements MouseOverHandler,
        MouseOutHandler,MouseUpHandler {

    /**
     * 
     */
    private static final long serialVersionUID = 7610044813670041530L;

    public DemoLayout() {
        super();
    }

    @Override
    public void onMouseOver(MouseOverEvent event) {
        // TODO Auto-generated method stub
        System.out.println("Mouse over");
    }

    @Override
    public void onMouseOut(MouseOutEvent event) {
        // TODO Auto-generated method stub
        System.out.println("Mouse out");
    }

    @Override
    public void onMouseUp(MouseUpEvent event) {
        // TODO Auto-generated method stub
        System.out.println("Mouse up");
    }
}

vaadin 不支持布局鼠标监听器？ 我怎样才能实现这个功能？ 谢谢

Answer 1

我可能是错的，但我不知道 Vaadin 7.4.3 之前的布局有这样的监听器。好消息是您至少有几个选择:

1. 您正在实现的处理程序来自捆绑在 vaadin-client jar 中的 com.google.gwt.event.dom.client 包。您可能无意中混合了客户端和服务器端类，这很可能不是您想要的。但是，您可以尝试创建自己的小部件并按照建议在客户端实现这些处理程序 here和/或here
2. 您也许可以使用 CSS :hover pseudo-class在某种程度上正如所讨论的here
3. (也许是最简单的)您可以通过点击实现类似的效果。看看SliderPanel避免重新发明轮子的附加组件