Flipable翻转效果-QT界面设计

【文件属性】：

文件名称：Flipable翻转效果-QT界面设计

文件大小：13.53MB

文件格式：PPT

更新时间：2024-05-16 03:18:29

QT 初学者

二、Flipable翻转效果 在QML中提供了一种可以将图片翻转的特效Flipable，它具有强烈的3D视觉效果。 我们更改代码如下： Rectangle{     width:300; height:250     Flipable{         id:flipable; width:back.width; height:back.height         property int angle : 0  //翻转角度         property bool flipped : false //用来标志是否翻转         front: Image {source:”front.png”}  //指定前面的图片         back: Image {source:”back.png”}    //指定背面的图片         transform:Rotation{ //指定原点             origin.x:flipable.width/2; origin.y:flipable.height/2             axis.x:0; axis.y:1; axis.z:0 //指定按y轴旋转             angle:flipable.angle         }         states:State{             name:”back”  //背面的状态             PropertyChanges {target:flipable; angle:180}             when:flipable.flipped         }         transitions: Transition {             NumberAnimation{property:”angle”;duration:1000}         }         MouseArea{             anchors.fill:parent             onClicked:flipable.flipped =!flipable.flipped             //当鼠标按下时翻转         }     } }