如何“摇动” 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

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

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

Answer 2

抱歉产生噪音！
如果我在“出现”监听器中创建效果 - 代码运行良好。

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

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;