QML学习实例–图片切换效果源代码

1、QML学习实例图片切换效果源代码因为近期参加了QML的学习总结了一些学习代码因为时间不长1个星期左右只是最肤浅的一些有一起学习的可以联系qq:593751685验证消息：qml/是调试时候用的。所有程序的界面大小都是640360、附件是部分源代码图片（还有,这个是为了演示弄的，就没加进去）1.水平平移2.垂直平移3.地震效果4.左下飞出5.左翻页6.上翻页7.旋转360度后消失8.翻转180度importQt4.7Flipableid:flipablewidth:360;height:630propertyintangle:0propertyboolflipped:falsefront:Ima

2、gesource:1.pngback:Imagesource:2.pngtransform:Rotationorigin.x:flipable.width/2;origin.y:flipable.height/2axis.x:0;axis.y:1;axis.z:0/rotatearoundy-axisangle:flipable.anglestates:Statename:backPropertyChangestarget:flipable;angle:180when:flipable.flippedtransitions:Transition1000NumberAnimationeasing

3、.type:Easing.InOutElastic;properties:angle;duration:MouseAreaanchors.fill:parentonClicked:flipable.flipped=!flipable.flipped9.龙卷风10.泡泡11.下雪ParticleslifeSpan:10000;lifeSpanDeviation:1000id:starsx:0;y:0;width:parent.width;height:parent.heightsource:111.PNGemissionRate:30visible:falseangle:90angleDevia

4、tion:70velocity:50velocityDeviation:30count:parent.width/15opacity:0.3z:10ParticleMotionWanderxvariance:70pace:150ParticleslifeSpan:10000;lifeSpanDeviation:1000id:stars1x:0;y:0;width:parent.width;height:parent.heightsource:222.PNGvisible:falseangle:90angleDeviation:70emissionRate:30velocity:50;veloc

5、ityDeviation:30count:parent.width/15fadeInDuration:3000opacity:0.5z:10ParticleMotionWanderxvariance:80pace:150ParticleslifeSpan:10000;lifeSpanDeviation:1000id:stars2x:0;y:0;width:parent.width;height:parent.heightsource:333.PNGemissionRate:3012.下雨angleDeviation:36velocity:30velocityDeviation:10Partic

6、leMotionGravityyattractor:2000 xattractor:0acceleration:1000RotationAnimationonrotationeasing.type:Easing.InOutBack;duration:10000loops:-1from:0to:30Particlesid:stars1visible:falsewidth:parent.widthheight:3001*0source:shuidi3.pnglifeSpan:900lifeSpanDeviation:400count:50angle:70angleDeviation:36veloc

7、ity:30velocityDeviation:10ParticleMotionGravityyattractor:2000 xattractor:0acceleration:1000RotationAnimationonrotationeasing.type:Easing.InOutBack;duration:10000loops:-1from:0to:30Particlesid:stars2visible:falsewidth:parent.widthheight:300source:shuidi2.png13.玫瑰/back.width=back.height*2Component.on

8、Completed=back.destroy(10000)Particlesid:starsvisible:falsex:0;y:0;width:parent.width;height:parent.heightsource:rose.png/angle:360/angleDeviation:360/velocity:0;velocityDeviation:0fadeInDuration:3000fadeOutDuration:1000/opacity:0.5emissionRate:30emissionVariance:1/width:1/height:1/source:rose.pngli

9、feSpan:50000/lifeSpanDeviation:500count:10000rotation:10transform:Scaleorigin.x:25;origin.y:25;xScale:1angleDeviation:360velocity:0;velocityDeviation:0/count:parent.width/2/fadeInDuration:2800opacity:1/angle:360/angleDeviation:450/velocity:50/velocityDeviation:50/ParticleMotionGravity/yattractor:1/x

10、attractor:1/acceleration:0RotationAnimationonrotationid:rocrunning:falseeasing.type:Easing.InOutBack;duration:5000014.星系emissionRate:1000count:20000angle:360angleDeviation:360velocity:-1velocityDeviation:1000fadeInDuration:500fadeOutDuration:500Particlesanchors.centerIn:parent.Centerid:stars1visible

11、:falsey:315x:180width:10height:10source:bluestar.pnglifeSpan:5000emissionRate:1000count:2000angle:360angleDeviation:360velocity:-1velocityDeviation:800fadeInDuration:500fadeOutDuration:500RotationAnimationonrotationeasing.type:Easing.InOutBack;duration:10000loops:-1from:0to:360Particlesanchors.cente

12、rIn:parent.Centerid:stars2visible:falsey:315x:180width:10height:10.source:greenstar.pnglifeSpan:5000emissionRate:1000count:2000angle:360angleDeviation:360velocity:-1velocityDeviation:800fadeInDuration:500fadeOutDuration:500RotationAnimationonrotationeasing.type:Easing.InOutBack;duration:10000loops:-

13、1from:0to:360Particlesanchors.centerIn:parent.Centerid:stars3visible:falsey:315x:180width:10height:10.source:pstar.pnglifeSpan:5000emissionRate:1000count:2000angle:360angleDeviation:360velocity:-1velocityDeviation:800fadeInDuration:500fadeOutDuration:500RotationAnimationonrotationeasing.type:Easing.InOutBack;duration:10000loops:-1from:0to:360ParallelAnimationid:xxrunning:falseNumberAnimationid:be1;target:back;properties:width;to:back.width*10;duration:1000NumberAnimationid:be2;target:back;properties:height;to:back.height*10;du