qooxdoo - 如何在 qooxdoo 中“摇动”窗口？

Question

我试图摇动一个窗口，但在控制台中出现错误。我的代码：

  var win = new qx.ui.window.Window ("Login");
  win.setLayout (new qx.ui.layout.Grow);
  win.add (view);

  this.effect = new qx.fx.effect.combination.Shake (
    win.getContainerElement ().getDomElement ());

  return win;

其中 view 是一个 GroupBox 实例（来自 demobrowser/animation/login）。

Answer 1

对不起噪音！如果我在“出现”侦听器中创建效果 - 代码运行良好。

    win.addListener ("appear", function (e) 
    {
      this.effect = new qx.fx.effect.combination.Shake (
        win.getContainerElement ().getDomElement ());
    }, this);

Answer 2

正如您自己发现的那样：在您创建摇动对象时，窗口的 DOM 元素并不存在。在 qooxdoo 中，我们一次创建所有 DOM 元素，这样浏览器就不必过于频繁地渲染。

在 window 触发“appear”事件（您也可以使用“resize”事件）时，DOM 元素已创建。请务必使用 addListenerOnce() 而不是 addListener()！否则，每次窗口再次可见时，如果它已被隐藏，您将创建一个新的抖动效果。;-)

Answer 3

var win = new qx.ui.window.Window("Login");
win.setLayout(new qx.ui.layout.Grow);
win.add(view);
win.addListener("appear", function(){
  var effect = new qx.fx.effect.combination.Shake(win.getContainerElement().getDomElement());
  effect.start();
}, this);
return win;