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
行被取消注释时,动画是突然的。