QML Swipeview 没有动画

Question

是否可以从滑动视图中删除动画？您可以看到从上一页到下一页的过渡。我有很多页面，我有一个菜单可以选择活动项目，例如：

mainContent.setCurrentIndex(0)

其中 mainContent 是滑动视图。

    // The content changes based on what is clicked on in the menu
    SwipeView{
        width: mainWindow.width - mainMenuId.width -anchors.leftMargin
        id:mainContent
        anchors.leftMargin:  20
        anchors.topMargin: 20
        clip:true
        Component.onCompleted: contentItem.interactive = false
        currentIndex: 0

        Item{PageMain{}}                 
        Item{PageTests{}}             
        Item{PageData{}}                                
        Item{PageSavedFiles{}}                          
        Item{PageProbe{}}                               

}

Answer 1

或者您可以改写 contentItem and disable ListView's animation, or, if you don't really need the swipe part of SwipeView, use e.g. StackLayout：

TabBar {
    id: bar
    width: parent.width
    TabButton {
        text: qsTr("Home")
    }
    TabButton {
        text: qsTr("Discover")
    }
    TabButton {
        text: qsTr("Activity")
    }
}

StackLayout {
    width: parent.width
    currentIndex: bar.currentIndex
    Item {
        id: homeTab
    }
    Item {
        id: discoverTab
    }
    Item {
        id: activityTab
    }
}

该代码使用的是 TabBar，但我想您明白了。 :)

QML Swipeview 没有动画

QML Swipeview no animation

qt

qml

swipeview