qooxdoo：沿其中心旋轉按鈕

Question

我有一個qx.ui.form.Button。當我點擊按鈕時，我希望它沿着它的中心旋轉180度（即顛倒）。 （我正在研究qx.Desktop）

var btn = new qx.ui.form.Button(null, "myproject/button.png"); 
btn.addListener("click", function() { 
    // which function should I use ? 
}); 

旋轉應該有動畫，即順時針旋轉。

Answer 1

qooxdoo沒有在構件圖層本身中構建轉換，但它提供了一種動畫/旋轉dom元素的方法。所以，你必須得到該按鈕的容器元素，並開始一個動畫：

var el = btn.getContainerElement().getDomElement(); 
qx.bom.element.Animation.animate(el, { 
    duration: 1000, timing: "ease", keep: 100, keyFrames : { 
    0: {rotate: "0deg"},  // ["0deg"] for flipping effect 
    100 : {rotate : "180deg"} // ["180deg"] for flipping effect 
    } 
}); 

退房animate函數的文檔，查看該程序是如何工作的： http://demo.qooxdoo.org/current/apiviewer/#qx.bom.element.Animation~animate

，這裏是一個工作遊樂場示例： http://tinyurl.com/cnbebyn