能否通过PathView实现SwipeView？求QML双向滑动视图代码示例

我完全懂你的需求——原生SwipeView确实不支持自由双向滑动，刚好我之前做过类似的场景，给你一个适配3个项、滑动后自动居中的完整代码示例：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 400
    height: 600
    visible: true
    title: "双向滑动居中视图"

    ListView {
        id: swipeListView
        anchors.fill: parent
        orientation: Qt.Horizontal  // 设置横向滑动方向
        snapMode: ListView.SnapOneItem  // 滑动结束后自动居中到当前项
        flickDeceleration: 3000  // 调整滑动惯性手感，数值越小停得越快
        boundsBehavior: Flickable.StopAtBounds  // 滑动到边界时停止

        // 每个项占满窗口宽度，保证同一时间只显示一个
        delegate: Item {
            width: swipeListView.width
            height: swipeListView.height

            Rectangle {
                anchors.fill: parent
                color: index === 0 ? "#FF6B6B" : index === 1 ? "#4ECDC4" : "#45B7D1"
                Text {
                    anchors.centerIn: parent
                    text: "第 " + (index + 1) + " 个项"
                    font.pixelSize: 24
                    color: "white"
                }
            }
        }

        // 数据源：固定3个项
        model: 3
    }
}

关键细节说明： #

• 用ListView替代SwipeView，通过orientation: Qt.Horizontal实现横向滑动，天然支持左右双向滑动
• snapMode: ListView.SnapOneItem是核心，它会让滑动结束后自动将当前项居中显示，完全匹配你的需求
• 每个delegate的宽度绑定到ListView的宽度，确保同一时间只能看到一个项
• 可以通过调整flickDeceleration来改变滑动的惯性手感，根据自己的使用偏好微调即可

如果需要监听滑动切换事件，比如切换项时执行逻辑，可以给ListView添加currentIndex的监听：

onCurrentIndexChanged: {
    console.log("当前切换到第", currentIndex + 1, "个项")
}

这个方案轻量且灵活，完全适配你要的3个项、双向滑动、居中显示的场景，直接运行就能看到效果~

内容的提问来源于stack exchange，提问作者Anupam Srivastava