QT动画制作（九）

alltolove

前几个帖子我都是用的方框（我这眼睛都快成方块了 ），今天我们学习用文字做动画
效果：

知识点1：学会随时间做有先后顺序的一系列动作
知识点2：学会用文字
首先建一个新项目，然后在根目录再建个文件Rect.qml写代码如下：

import QtQuick 2.4

Item {

    Text{//文字都必须要写在这里面
        id:a
        anchors.left:parent.left
        anchors.top:parent.top
        anchors.margins: 30
        font.pixelSize: 125
        text:"我"
        style:Text.Raised
        styleColor: "red"
        color:"red"

    }
    Text{
        id:b
        anchors.left: a.right
        anchors.top:parent.top
        anchors.margins: 30
        font.pixelSize: 125
        text:"爱"
        style:Text.Raised
        styleColor: "red"
        color:"red"

    }
    Text{
        id:c
        anchors.left:b.right
        anchors.top:parent.top
        anchors.margins: 30
        font.pixelSize: 125
        text:"鱼"
        style:Text.Raised
        styleColor: "red"
        color:"red"

    }
    Text{
        id:d
        anchors.left: c.right
        anchors.top:parent.top
        anchors.margins: 30
        font.pixelSize: 125
        text:"C"
        style:Text.Raised
        styleColor: "red"
        color:"red"

    }
    SequentialAnimation{//让物体按顺序挨个动作
        loops:Animation.Infinite
        NumberAnimation{
            target:a//设定让哪个物体动作
            property: "scale"//设定物体哪个属性动作
            to:1.5
        }
        NumberAnimation{
            target:a
            property: "scale"
            to:1
        }
        NumberAnimation{
            target:b
            property: "scale"
            to:1.5
            duration:500
        }

        PauseAnimation {//因为要强调“爱”这个字，所以要暂停一会
            duration: 500
        }
        NumberAnimation{
            target:b
            property: "scale"
            to:1
        }
        NumberAnimation{
            target:c
            property: "scale"
            to:1.5
        }
        NumberAnimation{
            target:c
            property: "scale"
            to:1
        }
        ParallelAnimation{//并行动画组
        NumberAnimation{
            target:d
            property: "scale"
            to:1.5
        }
        RotationAnimator{
            target:d
            from:0
            to:1080
            duration:1000
        }

        }
        NumberAnimation{
            target:d
            property: "scale"
            to:1
        }

        running:true
    }

}

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
Rect{}

小甲鱼

很好！很喜欢！

居然还会动~~~

alltolove

小甲鱼 发表于 2017-2-28 22:00
很好！很喜欢！

居然还会动~~~

哇！小甲鱼来我的帖子了

小甲鱼

alltolove 发表于 2017-2-28 22:03
哇！小甲鱼来我的帖子了

刚刚发现这么好玩的连载，继续加油哦！

小甲鱼

另外可以创建【淘帖】，方便其他鱼油关注学习~

不二如是

加油～love大兄弟～

狂奔的鸡翅膀

很好。我想问一下，用QT开发出来的程序是不是在windows也能跑

alltolove

狂奔的鸡翅膀 发表于 2017-3-1 09:54
很好。我想问一下，用QT开发出来的程序是不是在windows也能跑

嗯，就是在windows用的。在其他系统上和手机上也行