QML listview Overscrolls

Question

我有一个水平列表视图，如图

现在当我滚动它时，列表视图会被过度滚动，如下图所示

我真正需要的是即使拖得更多，最后一个元素应该留在最后，如下图

我该怎么做。

编辑

列表视图源

ListView{

        id: list
        width: 500
        height: 100
        clip: true
        //anchors.bottom: parent.bottom
        //anchors.bottomMargin: 10
        snapMode: ListView.SnapToItem
        anchors.centerIn: parent
        highlightRangeMode: ListView.StrictlyEnforceRange
        highlightFollowsCurrentItem: true
        highlight: Rectangle { color: "#00000000" ;border.color: "red" ; radius: 5 }
        anchors.horizontalCenter: parent.horizontalCenter
        orientation: ListView.Horizontal
        model: ListModel{
            id: listModel
            ListElement{ name: "File"}
            ListElement{ name: "Edit"}
            ListElement{ name: "Build"}
            ListElement{ name: "Debug"}
            ListElement{ name: "Analyze"}
            ListElement{ name: "Tools"}
            ListElement{ name: "Window"}
            ListElement{ name: "Help"}
        }

        delegate: Button{
            borderColor: buttonBorderColor;buttonColor: buttonFillColor
            width: 100;height: 100 ;labelSize: 18
            label: model.name
            onButtonClick: {
                list.currentIndex = model.index;
                console.log("ListView Button clicked" + model.index)
            }
        }
    }

Answer 1

您需要通过设置boundsBehavior 属性来告诉ListView 在对象边界处停止：

boundsBehavior: Flickable.StopAtBounds

默认情况下，继承 Flickable 的对象会越界并向后移动。

请参阅 Qt 网站上的boundsBehavior property description。