window - 在 qooxdoo 窗口中集成 qooxdoo 效果

Question

最好的方法是什么？例如：

qx.fx.effect.core.Fade(DOM)当用户单击minimize按钮时，我希望窗口淡出（ ）。所以我在窗口类中这样做了：

this.addListener("appear", function() {
    this.minimizeEffect = /*fade effect*/;
},this);
this.addListener("beforeMinimize", function() {
    this.minimizeEffect.start();/*delay(1000);*/
},this);

我需要延迟，因为（我认为）否则窗口会在它刚刚开始褪色时最小化！有什么解决办法吗？我什至尝试finish过没有运气的效果事件。谢谢！

编辑：我的delay()函数错了..所以它不会“编译”，这让我更加困惑：

function delay(ms){//this works (it fades ok)
    var date = new Date();
    var curDate = new Date();
    while(curDate-date < milis)//this is wrong, milis don't exist
        curDate = new Date();
}

function delay(ms){//it donesn't work (no fade)
    var date = new Date();
    var curDate = new Date();
    while(curDate-date < ms)//this is "good"
        curDate = new Date();
}

Answer 1

我建议以下

var win = new qx.ui.window.Window("First Window").set({
  width: 300,
  height: 300,
  opacity: 0,
  showMinimize: false
});

var hideEffect;

win.addListenerOnce('appear',function(){
  var el = win.getContainerElement().getDomElement();
  var showEffect = new qx.fx.effect.core.Fade(el).set({
    from: 0, to: 1 });
  hideEffect = new qx.fx.effect.core.Fade(el).set({
    from: 1, to: 0 });
  hideEffect.addListener('finish',function(e){
    win.setOpacity(0);
    win.close();
  });
  showEffect.addListener('finish',function(){
    win.setOpacity(1);
  });
  showEffect.addListenerOnce('finish',function(){
    win.addListener('appear',function(){
      showEffect.start();
    });
  });
  showEffect.start();  
});


win.addListener('beforeClose',function(){
  if (win.getOpacity() == 1){
    hideEffect.start(); 
    e.stopPropagation();
  }
});

this.getRoot().add(win, {left:10, top:30});
var openBtn = new qx.ui.form.Button('Open Window');
openBtn.addListener('execute',function(){win.open();});
this.getRoot().add(openBtn, {left:10, top:10});

使用http://tinyurl.com/3v72sk3在 qooxdoo 操场上运行它