alltolove 发表于 2017-3-4 13:37:12

QT动画制作(十二)

因为昨天服务器的回档之前发的帖子消失了,我新建的淘专辑也没了今天给补上,就不发效果图了
这是我的专辑,有需要的可以来这里查
效果:图片3D翻转
以下是代码:
main.qml文件
import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    MainForm {
      anchors.fill: parent

    }
}
MainForm.ui.qml文件
import QtQuick 2.5

MyGraph{}

MyGraph.qml文件
import QtQuick 2.0
Image{
    id:pic
    source: "qrc:/C:/Users/xinwei/Pictures/canary_3.jpg"
    transform: [
      Rotation{//旋转
      origin.x:pic.width/2//设定转动的原点
      origin.y:pic.height/2
      axis{//设定按Y轴和Z轴旋转
            x:0
            y:1
            z:1
      }
      NumberAnimation on angle {
            from:0
            to:360
            loops:Animation.Infinite
            duration:5000
      }

    },
      Translate{//直线移动
      NumberAnimation on x{
            from:0
            to:1000
            easing.type: Easing.CosineCurve
            loops:Animation.Infinite
            duration:5000
      }
      },
      Scale{//每次运行程序大小随机变化

            xScale: Math.random()/2+0.2//利用js脚本函数随机产生0.2到1的数
            yScale: Math.random()/2+0.2

      }
    ]
}

页: [1]
查看完整版本: QT动画制作(十二)