QML中重启应用后NumberAnimation已设为运行但未生效求助

当CAN发出警告信号时，需让Rectangle内的Image执行闪烁动画。正常切换警告/正常状态时，动画启停均正常；但警告信号存在时重启应用，日志显示warnAnimation.running为true，图标却无闪烁效果。相关代码如下：

Rectangle {
    id: mainRect

    visible: warningState === normal || warningState === warning

    Image {
        id: warningIcon

        source: //path

        NumberAnimation {
            id: warnAnimation
            target: warningIcon; 
            property: "opacity";  
            from: 1.0; to: 0.0; 
            duration: 250; easing.type: 
            Easing.InQuad; loops: Animation.Infinite
            running: warningState === warning
        }
    }
}

问题根源 #

应用重启时，warningState初始值为warning，动画的running属性直接绑定为true，但QML无限循环动画在这种初始化场景下，可能因组件加载顺序、状态残留等问题，无法正确触发完整的动画周期（比如图标opacity停留在上次退出时的结束值，动画未从from指定的初始值启动）。

修复方案 #

1. 强制动画重启 #

在动画的running状态变化时，若变为true则手动调用restart()，确保动画从初始状态开始执行：

NumberAnimation {
    id: warnAnimation
    target: warningIcon; 
    property: "opacity";  
    from: 1.0; to: 0.0; 
    duration: 250; 
    easing.type: Easing.InQuad; 
    loops: Animation.Infinite
    alternate: true // 可选，实现来回平滑闪烁，替代跳变效果
    running: warningState === warning
    onRunningChanged: {
        if (running) {
            restart()
        }
    }
}

2. 显式设置图标初始透明度 #

确保Image的初始opacity与动画from值一致，避免启动时状态残留：

Image {
    id: warningIcon
    source: "//path"
    opacity: 1.0 // 显式初始化透明度为动画起始值
    // ... 动画代码
}

3. 检查状态初始化时机 #

若warningState是从C++侧同步的属性，需确保该值在QML组件创建前完成赋值，避免绑定的初始状态出现延迟或不一致。

内容的提问来源于stack exchange，提问作者Reddy