「Qt-QML」- State的使用2,状态的过渡
上一篇《「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
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。