将动画应用于InputPanel QML类型的问题。

Question

我有以下输入面板。

        InputPanel{
                id: inputPanel
                visible: false
                y : window.height/2
                width: window.width
                height: window.height/2
                transitions: Transition {

                    NumberAnimation {
                        target: inputPanel
                        property: "height"
                        duration: 500
                        easing.type: Easing.InOutQuad
                    }

                }
            }

但是 NumberAnimation 没有效果，所以是 平滑的动画 , PathAnimation 和 顺序动画. 我使用Qt 5.14

感谢任何帮助。

Answer 1

你想要一个 行为.

InputPanel {
    Behavior on width {
        NumberAnimation {
            duration: 2000
        }
    }
    width: 400
    active: true
}

正如 folibis 所述，转场是为了状态变化。