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

ki1q1bka 于 2021-07-13 发布在 Java

关注(0)|答案(1)|浏览(342)

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

VerticalPanel myPanel = new VerticalPanel();

然后我将动画css应用到mypanel以获得滑动效果，同时隐藏一个面板，比如，

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

上面的代码在显示slideinright效果之前隐藏了mypanel。？为什么在隐藏之前mypanel不会按照css滑动。？

1条答案

当你打电话的时候 setVisible(false) 它会立即执行-它不会等待动画完成。
您需要使用计时器延迟此行，直到动画结束：

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

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