在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