QML Behavior动画元素详解

QML Behavior 用法解析

Behavior 是 QML 中用于为属性变化添加动画效果的元素。三种不同的 Behavior 用法：

基本语法

Behavior on <property> {
    <AnimationType> {
        // 动画配置
    }
}

示例解析

1. 数值属性动画：

Behavior on percent { 
    NumberAnimation { duration: 300 } 
}

• 当 percent 属性值改变时，会以数值动画形式在300毫秒内过渡到新值

2. 宽度属性动画：

Behavior on width { 
    NumberAnimation { duration: 300 } 
}

• 当 width 改变时，宽度会在300毫秒内平滑过渡到新值

3. 颜色属性动画：

Behavior on color { 
    ColorAnimation { duration: 300 } 
}

• 当