NumberAnimation QML 类型

动画实型值的变化。 更多...

导入语句import QtQuick
继承自

PropertyAnimation

继承的对象

SmoothedAnimationSpringAnimation

属性

详细描述

NumberAnimation 是一个特定的 PropertyAnimation,用于定义在数值变化时应用的动画。

这是一个应用于 Rectanglex 属性的 NumberAnimation,作为属性值源。它将 x 值从当前值动画过渡到 50,持续 1000 毫秒

import QtQuick

Rectangle {
    width: 100; height: 100
    color: "red"

    NumberAnimation on x { to: 50; duration: 1000 }
}

像其他任何动画类型一样,NumberAnimation 可以以多种方式应用,包括转换、行为和属性值源。Qt Quick 中的动画和转换文档展示了创建动画的多种方法。

请注意,如果 NumberAnimation 追踪的数据值存在不规则变化,其动画可能不会平滑。在这种情况下,请改用 SmoothedAnimation

相关内容Qt Quick 中的动画和转换Qt Quick 示例 - 动画

属性文档

from : real

此属性持有动画的起始值。

例如,以下动画将在 x 值达到 100 时才应用

Item {
    states: [
        // ...
    ]

    transitions: Transition {
        NumberAnimation { properties: "x"; from: 100; duration: 200 }
    }
}

如果 NumberAnimation 定义在 TransitionBehavior 中,则此值默认为 Transition 的初始状态中定义的值,或 Behavior 触发时的属性当前值。

相关内容Qt Quick 中的动画和转换


to : real

此属性持有动画的结束值。

如果 NumberAnimation 定义在 TransitionBehavior 中,则此值默认为 Transition 的结束状态中定义的值,或触发 Behavior 的属性变化值。

相关内容Qt Quick 中的动画和转换


© 2024Qt公司有限公司。本文件中的文档贡献属于各自的版权所有者。本文档遵循由自由软件基金会发布的GNU自由文档许可证第1.3版的条款提供。Qt及其相关标志是芬兰及/或全球其他国家的Qt公司有限公司的商标。所有其他商标均为各自所有者的财产。