qooxdoo : 중심을 따라 회전 버튼

Question

나는 qx.ui.form.Button입니다. 버튼을 클릭하면 중심을 따라 180도 회전 (예 : 거꾸로)하고 싶습니다. 즉 시계 방향으로 회전, 애니메이션을 가져야한다

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

회전을 (내가 qx.Desktop에서 일하고 있어요).

Answer 1

qooxdoo는 위젯 레이어 자체에서 변형을 빌드하지 않지만 dom 요소를 애니메이션/회전하는 방법을 제공합니다. 여기에 있습니다 http://demo.qooxdoo.org/current/apiviewer/#qx.bom.element.Animation~animate

을 그리고이 코드가 어떻게 작동하는지 확인하기 위해 애니메이션 기능의 문서를 밖으로

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 
    } 
}); 

확인 : 그래서 당신은 버튼의 컨테이너 요소를받을 수 있도록에 애니메이션을 시작해야 작동 놀이터 샘플 : http://tinyurl.com/cnbebyn