QML动画之NumberAnimation数字类动画

最新推荐文章于 2024-07-30 11:33:12 发布

炫彩灵感

最新推荐文章于 2024-07-30 11:33:12 发布

阅读量5.7k

点赞数

文章标签： QT QML

本文链接：https://blog.csdn.net/xuancailinggan/article/details/50893754

版权

本文介绍QML中的NumberAnimation如何实现数字类动画，通过改变对象的x坐标、旋转属性及四个角的角度，创建一个从左向右滚动并最终变形为球体的动态效果。详细代码展示及动画过程解析，呈现简洁而美妙的视觉体验。

摘要由CSDN通过智能技术生成

QT真的是不能再赞了，所有的东西从名字就可以很简答的看明白，比如这个就是说的以数字为属性的动画。比如旋转、长宽高和四个角的角度，等等。没错，这个例子就是这个。

其实在指定动画的时候，你可以不使用property:"x"这样的方式，你还可以这样：

NumberAnimationonx{……………………}

好吧，这个是插曲，只是习惯而已了。

代码是书上的略作改动。目标是一个小方块，从左边开始向右边滚动，最后变成一个球。

代码如下：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    id:win
    visible: true
    width: 800
    height: 600
    Rectangle{
        y:win.height/2
        id:source
        width: 100
        height: 100
        color: "red"
    }
    NumberAnimation {
        id:xChange
        target: source