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

qooxdoo：沿着中心旋转按钮

1 个答案: