如何在gwt中隐藏带有animation.css滑动效果的面板？

Question

我在 gwt 中创建了一个面板，

        VerticalPanel myPanel = new VerticalPanel();

然后我将动画 css 应用于 myPanel 以实现滑动效果，同时隐藏面板，

myPanel.addStyleName("animated slideInRight");
myPanel.setVisible(false);

上面的代码在显示slideInRight效果之前隐藏了myPanel。？为什么会这样，即 myPanel 在隐藏之前不按 css 滑动。？

Answer 1

当您调用 setVisible(false) 时，它会立即执行 - 它不会等待动画完成。

您需要使用 Timer 将这一行延迟到动画结束：

 Timer timer = new Timer() {
     @Override
     public void run() {
         myPanel.setVisible(false);
     }
 };
 timer.schedule(500);

设置延迟以匹配您的动画时间。