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