上一篇《「Qt-QML」- State的使用1》使用了State改变元素的状态，

但是元素状态的切换瞬间就完成了，在某些场景下会显得很突然,

这时候Transition就派上用场了。

Transition用来定义当状态发生改变时的过渡动画，Transition的几个属性：

animations用来定义动画效果。

from和to用来指定起始状态。默认匹配所有状态。

reversible是否反转，默认为false。

例：

矩形rect声明了normal和pressed状态，点击矩形时在两个状态中切换。

transitions声明了状态的过渡，在其中声明了一个x属性的动画。from和to表示当状态从

normal到pressed时触发这个过渡。如果不写from和to那么当状态从pressed到normal也

会触发过渡效果。运行效果如下：

可以看到从normal到pressed有动画效果，反之则没有。

属性reversible表示当触发Transition的条件相反时，Transition是否反转。听起来

有点拗口啊，从上面的例子看就是当状态从pressed到normal时是否有过渡

效果。过渡的动画是x从200到50。测试代码：

运行效果：

可以看到状态从反向改变时也触发了动画效果，在这个例子中其实和不设置from/to的效果是一样的。

---> 文章来源于我的个人博客：fearlazy
---> 编程是一件怎么也学不会的事情，但是如果能享受学习的过程也是挺好的。