过渡Transitions 必须配合状态State才能使用,见前一篇博文。
所谓过渡,就是在已经定义好的两个state之间,做平滑的转场动画。这些动画可以是位移动画、颜色渐变动画、旋转动画等等任意QML支持的动画(见前面博文)。
语法也比较简单,可以用中括号定义多个“过渡”, 每个“过渡”都通过from to指定从哪个状态到哪个状态。注意 from 属性和to属性 的值,是某个State的name值,是个字符串。
然后在Transition里定义动画类型。
只需在上一篇博文代码基础上,增加一段:
transitions: [
Transition { //鼠标退出时的颜色渐变动画
from: "stat_in"
to: "stat_out"
ColorAnimation {
duration: 800
}
},
Transition { //鼠标进入时的颜色渐变动画
from: "stat_out"
to: "stat_in"
ColorAnimation {
duration: 1000
}
}
]