上一篇《「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
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。