论坛 › Qt交流 › QT动画制作（九）

alltolove 发表于 2017-2-28 21:59:30

QT动画制作（九）

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

知识点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{}

小甲鱼 发表于 2017-2-28 22:00:59

{:10_254:} 很好！很喜欢！

居然还会动~~~

alltolove 发表于 2017-2-28 22:03:01

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

居然还会动~~~

哇！小甲鱼来我的帖子了{:5_101:}

小甲鱼 发表于 2017-2-28 22:06:46

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

{:10_281:} 刚刚发现这么好玩的连载，继续加油哦！

小甲鱼 发表于 2017-2-28 22:07:19

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

不二如是 发表于 2017-3-1 08:48:30

加油～love大兄弟～

狂奔的鸡翅膀 发表于 2017-3-1 09:54:13

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

alltolove 发表于 2017-3-1 10:08:59

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

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

查看完整版本: QT动画制作（九）