qt - 如何在 QML 中手动填充 ListView？

Question

我有一个 ListView ，它将保存 Material 列表。我的元素是文本和图像。文字为 Material 名称，图片为删除按钮。当我单击添加按钮时，我想将我的元素添加到 ListView 中。然后，如果我单击删除按钮，我想从 ListView 中删除记录。

我怎样才能做到这一点？

Answer 1

我想您的代码中有一个 ListModel 。 ListModel 提供了一些 methods插入和删除项目。

您提到您的 ListElement 包含文本和删除图像。所以我认为您有类似以下代码的内容，您可以在其中看到附加和删除元素的示例。

import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Window {
    visible: true
    width: 500
    height: 500

    Rectangle {
        width: 250
        height: 400


        Component {
            id: listDelegate

            Item {
                width: 250; height: 50

                Row {
                    Column {
                        width: 200
                        Text { text: 'mytext: ' + mytext }
                    }
                    Column {
                        width: 50
                        Image {
                            id: deleteButton
                            source: "delete.jpg"
                            MouseArea {
                                anchors.fill: parent;

                                onClicked:{
                                    console.debug("clicked:"+ index);
                                    listModel.remove(index);
                                }
                            }
                        }
                    }
                }
            }
        }

        ListModel {
            id: listModel

            ListElement {
                mytext: "AAA"
            }
            ListElement {
                mytext: "BBB"
            }
        }

        ListView {
            id: listView
            anchors.fill: parent
            model: listModel
            delegate: listDelegate
            focus: true
        }
    }

    Button {
        y: 450
        text: "add"

        onClicked: {
            listModel.append({"mytext": "XXX"})
        }
    }
}