3

在我的 gwt 中，我有一个如下所示的按钮来创建新的小部件

 @UiHandler("buttonfire")
  void addNewWidget(ClickEvent event) {


     htmlPanelHolder.add(new MyCustomWidget(),"placeholder");

 }

如何使用 jquery 以便当 MyCustomWidget() 在屏幕上显示时使用 jquery“淡入淡出”效果

我已经尝试让 jsni 在 new MyCustomWidget() onload() 中调用 jquery，但不起作用。可以指导我吗？

4

3 回答 3

11

也可以在不使用 jQuery 的情况下创建淡入效果。如果你想这样做，只需编写一个像这样的动画类：

public class FadeInAnimation extends Animation {
    private final UIObject uiObject;

    FadeInAnimation(final UIObject uiObject) {
      this.uiObject = uiObject;
    }

    @Override
    protected void onUpdate(final double progress) {
      uiObject.getElement().getStyle().setOpacity(progress);
    }
}

然后你可以在任何小部件上使用它：

new FadeInAnimation(myWidget).run(5000);

注意：对 even 的调用getStyle().setOpacity(..)会处理特殊情况 IE6/7，它在其中设置style.filter = 'alpha(opacity=' + (value * 100) + ')';

于 2010-11-23T16:39:19.547 回答
2

您也可以尝试使用 GQuery 库：http ://code.google.com/p/gwtquery/

于 2010-11-23T15:40:24.610 回答
2

使用GwtQuery 的淡入淡出效果

于 2011-02-07T22:06:15.987 回答