模型更新时的QML ListView默认行为

Question

我有以下ListView ，当在C ++端使用setStringList更新QStringListModel时，总是显示列表的开头。

例如，用户可以在视图中上下滚动，并且在更新模型时，视图将返回列表的开头。

如何禁用此行为？

我还需要视图一次显示正好X个项目（在我的示例中为2个）。 该视图本身不能滚动（ interactive: false ），但是用户可以通过在UI的某处单击Button的上下来导航列表。

有合适的方法吗？ （下面是否可能仅显示QML列表视图的某些索引？ ）

编辑：我为“上/下”问题添加了2个功能，它似乎按预期工作，但我仍然很想知道是否有更好的方法。

谢谢。

        ListView {
            id: view
            anchors.top = parent.top
            anchors.left = parent.left
            readonly property int visibleItems: 2
            readonly property int itemHeight: 20
            height: visibleItems * itemHeight
            width: 100
            clip: true

            model: listModel // a QStringListModel

            delegate: Rectangle {
                border.width: 1
                border.color: "black"
                height: view.itemHeight
                width: 100
                Text { text: model.display }
            }

            interactive: false

            function up() {
                var currentTopIndex =  indexAt(view.width / 2, contentY)

                if (currentTopIndex !== -1) {

                    var newTopIndex = currentTopIndex - view.visibleItems

                    if (newTopIndex >= 0)
                        view.positionViewAtIndex(newTopIndex, ListView.Beginning)
                 }
            }

            function down() {
                var currentTopIndex =  indexAt(view.width / 2, contentY)

                if (currentTopIndex !== -1) {

                    var newTopIndex = currentTopIndex + view.visibleItems

                    if (newTopIndex < view.count)
                        view.positionViewAtIndex(newTopIndex, ListView.Beginning)
                 }
            }

Answer 1

contentY将模型数据更改时，都将其添加到ListView ，即可重置contentY属性。 在这里，我假设contentX不变。

property real previousContentY

Connections {
    target: model
    onModelAboutToBeReset: view.previousContentY = view.contentY
    onModelReset: view.contentY = view.previousContentY
}

如果只想显示某些项目，可能还需要添加snapMode: ListView.SnapToItem 。

Answer 2

一种解决方案是使用外部Flickable包装ListView ，该Flickable将负责滚动。

该解决方案不需要手动重置先前的ListView contentY ，因为滚动位置不再依赖于ListView本身。

这是一个基本的工作示例：

Button {
    id: button
    text: 'change model'
    onClicked: view.aModel = !view.aModel
}

Flickable {
    anchors.top: button.bottom
    width: parent.width
    height: 100
    interactive: true // the scroll will be managed by this external Flickable
    contentHeight: view.contentHeight
    clip: true

    ListView {
        id: view
        property bool aModel: true
        anchors.fill: parent
        interactive: false // deactivate scroll on the internal Flickable
        model: aModel
               ? ["a", "a", "a", "a", "a", "a", "a", "a", "a", "a", "a", "a", "a", "a"]
               : ["b", "b", "b", "b", "b", "b", "b", "b", "b", "b", "b", "b", "b", "b"]
        delegate: Text {
            width: parent.width
            height: 20
            text: modelData + index
        }
    }
}