友善啊，朋友的博客

一、描述 Behavior定义了每当特定属性值更改时要应用的默认动画。 例如，下面的 Behavior 定义了一个 NumberAnimation，当 Rectangle 的宽度值发生变化时要运行它。 当鼠标区域被点击时，宽度发生变化，触发 Behavior的动画： import QtQuick 2.0 Rectangle { id: rect width: 100; height: 100 color: "red" Behavior on width ..

一、描述 Transition 定义了当 State 发生变化时要应用的动画。 例如，下面的 Rectangle 有两种状态：默认状态和添加的“moved”状态。 在“moved”状态下，矩形的位置更改为 (50, 50)。添加的 Transition 指定当矩形在默认状态和“moved”状态之间更改时，对 x 和 y 属性的任何更改都应使用动画 Easing.InOutQuad。 import QtQuick 2.9 import QtQuick.Window 2.2 Window {

一、描述 状态可以配置一组属性配置。 所有项目都有一个默认状态，用于定义对象和属性值的默认配置。可以通过将 State 项添加到 states 属性来定义新状态，以允许项在不同配置之间切换。 以下示例显示单个矩形。在默认状态下，矩形为蓝色。在“clicked”状态下，PropertyChanges 对象将矩形的颜色更改为红色。 在 MouseArea 内单击会在默认状态和“单击”状态之间切换矩形的状态，从而在蓝色和红色之间切换矩形的颜色。 import QtQuick 2.9 import QtQ

PauseAnimation 一、描述 在 SequentialAnimation 中使用时，PauseAnimation 指定的持续时间内没有任何反应的停顿。 一个 500 毫秒的动画序列，两个动画之间有 100 毫秒的停顿： SequentialAnimation { NumberAnimation { ... duration: 200 } PauseAnimation { duration: 100 } NumberAnimation { ... duration

ParentAnimation 一、描述 ParentAnimation 用于为 Item 的父更改设置动画。 例如，以下 ParentChange 在单击时将 blueRect 更改为 redRect 的子项。 包含 ParentAnimation，它定义了要在 transition 期间应用的 NumberAnimation，可确保项目在移动到其新父项时平滑地进行动画处理： import QtQuick 2.0 Item { width: 200; height: 100

SmoothedAnimation 一、描述 SmoothedAnimation 是平滑动画，继承自 NumberAnimation。使用 Easing.InOutQuad 缓和曲线将属性值动画化为设定的目标值。当目标值更改时，用于在旧目标值和新目标值之间设置动画的缓动曲线会平滑地拼接在一起，以创建到新目标值的平滑移动，从而保持当前速度。 二、属性成员 1、duration : int 此属性保存跟踪源时使用的动画持续时间（以毫秒为单位）。 将此设置为 -1（默认值）将禁用持续时间值。 如果

一、描述 此类型不能直接在 QML 文件中使用。它的存在是为了提供一组通用属性和方法。 二、属性成员 1、alwaysRunToEnd : bool 此属性保存动画在停止时是否应运行完成。 complete() 方法不受此值的影响。 此属性对 Transition 中的动画没有影响。 2、loops : int 此属性保存动画应播放的次数。默认为 1。 如果设置为 Animation.Infinite，动画将不断重复直到被明确停止（通过将 running 属性设置为 false，或通

NumberAnimation 一、描述 继承自PropertyAnimation，它定义了当数值改变时要应用的动画。 如果 NumberAnimation 正在跟踪的数值发生不规则变化，则它可能无法平滑地设置动画。如果是这种情况，请改用 SmoothedAnimation。 这是一个应用于 Rectangle 的 x 属性的 NumberAnimation 作为属性值源。它在 1000 毫秒内将 x 值从其当前值动画化为 50： import QtQuick 2.0 Rectangle {.

PropertyAnimation 一、描述 PropertyAnimation 提供了一种对属性值的更改进行动画处理的方法。继承自 Animation。 二、属性成员 1、properties : string property : string target : Object targets : list<Object> 这些属性用作一组来确定应该动画化哪些属性。单数和复数形式在功能上是相同的。 只设置一个对象/属性时这两行的意思是一...

AnchorAnimation 一、描述 AnchorAnimation 用于为锚点更改设置动画。 在下面的代码片段中，我们将右锚点添加到 Rectangle 动画： import QtQuick 2.9 import QtQuick.Window 2.2 Window { visible: true width: 800 height: 800 Rectangle { id: container width: 200