Animation（七-给状态的改变加过渡）

• 一系列的过渡能够被加入任何元素，一个过渡由状态的改变触发执行。
• 可以使用属性的from:和to:来定义状态改变的指定过渡。这两个属性就像一个过滤器，当过滤器为true时，过渡生效。
• 也可以使用“”来表示任何状态。例如from:""; to:"*"表示从任一状态到另一个任一状态的默认值，这意味着过渡用于每个状态的切换

代码：

        // 加入过渡
        transitions: [
            Transition {
                from: "stop"; to: "go"
                ColorAnimation { target: light1; properties: "color"; duration: 1000 }
                ColorAnimation { target: light2; properties: "color"; duration: 1000 }
            }
        ]

Animation-六的基础上加了上面的代码，指定从状态 stop 到状态 go切换的时候应该有个过渡！

运行>>

可以看到状态从 stop到go的时候颜色的切换不是瞬间切换的，而是有个缓冲时间！