QML中State使用when属性时左侧过渡动画失效问题排查

该问题是Qt Quick中使用带when属性的State自动触发状态切换时的典型逻辑差异导致，核心原因如下：

1. 示例代码中的switcher1、switcher2没有显式设置初始x值，默认基础状态（无任何State激活时）的x值为0。
2. 当使用when属性自动触发状态切换时，状态切换会经历中间回退阶段：从right状态切换时，首先type===1的条件失效，right状态退出，所有属性会先立刻回退到基础状态值（x直接变为0，无动画）；之后type===0的条件生效，left状态激活，要设置的x值也是0，属性没有发生变更，NumberAnimation检测不到变化，因此动画不会运行。
3. 手动设置stG.state触发切换时，Qt会直接在两个命名状态之间做过渡，不会先回退到基础状态，因此x可以从右侧值平滑过渡到0，动画正常触发。

方案1：调整Transition配置，规避基础状态回退 #

给Transition显式指定from和to的匹配状态，同时给StateGroup设置初始状态，避免中间触发基础状态逻辑，修改后的代码如下：

StateGroup {
    id: stG
    state: "left" // 增加初始状态声明
    states: [
        // 原有states代码保持不变
    ]
    transitions: [
        Transition {
            from: "right" // 显式指定来源状态
            to: "left"
            SequentialAnimation {
                NumberAnimation {
                    target: switcher2
                    property: "x"
                    duration: 500
                }
                NumberAnimation {
                    target: switcher1
                    property: "x"
                    duration: 500
                }
            }
        },
        Transition {
            from: "left" // 显式指定来源状态
            to: "right"
            SequentialAnimation {
                NumberAnimation {
                    target: switcher1
                    property: "x"
                    duration: 500
                }
                NumberAnimation {
                    target: switcher2
                    property: "x"
                    duration: 500
                }
            }
        }
    ]
}

方案2：使用手动设置state的方式 #

也就是你第二种场景的写法，直接在点击事件中修改stG.state的值，这种方式状态切换逻辑更可控，也是Qt官方推荐的复杂状态切换实现方案。

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