“移动”过渡动画不适用于列中最顶层的项目,但最底层应用

时间:2016-06-27 12:22:03

标签: qt animation qml qtquick2

{p> move过渡动画未应用于Column中的最顶层项目,此时中间项目会显示或隐藏。尽管Column对齐底部,但它仍适用于最底层的项目。

为最顶级的项目应用动画的其他选择吗?

Rectangle{
    width: 100
    height: 480
    MouseArea {
        id: mainMsA
        anchors.fill: parent
        onPressed: {
            console.log("clicked")
            showUsb2(visStatus)
            visStatus = !visStatus
        }
    }

    Column {
        id: statusColumn
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 20
        spacing: 8

        move: Transition {
            NumberAnimation {
                properties: "y"
                easing.type: Easing.Linear
            }
        }

        Image{
            id:usb1_st
            source:defines.statusBarUSB1
        }
        Image{
            id:usb2_st
            source:defines.statusBarUSB2
        }
        Image{
            id:usb3_st
            source:defines.statusBarUSB3
        }
    }
}

anchor行被评论时,动画是平滑的,但当anchor行被取消注释时,动画是突然的。

0 个答案:

没有答案