动态添加

要在QML中动态添加ListElement，可以使用ListModel的append()函数或insert()函数。下面是一个示例：

import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 200title: "动态添加ListElement"ListView {anchors.fill: parentmodel: ListModel {id: myModelListElement { name: "Item 1"; value: 1 }ListElement { name: "Item 2"; value: 2 }}delegate: Item {width: parent.widthheight: 30Text {text: name + ": " + valueanchors.centerIn: parent}}Button {text: "添加Item"anchors.horizontalCenter: parent.horizontalCenteranchors.bottom: parent.bottomonClicked: {myModel.append({ name: "Item 3", value: 3 });}}}
}

动态删除

在QML中，可以通过ListModel的remove()函数来动态删除ListElement数据。下面是一个演示如何动态删除ListElement数据的示例：

import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 200title: "动态删除ListElement数据"ListView {anchors.fill: parentmodel: ListModel {id: myModelListElement { name: "Item 1"; value: 1 }ListElement { name: "Item 2"; value: 2 }ListElement { name: "Item 3"; value: 3 }}delegate: Item {width: parent.widthheight: 30Text {text: name + ": " + valueanchors.centerIn: parent}}Button {text: "删除Item"anchors.horizontalCenter: parent.horizontalCenteranchors.bottom: parent.bottomonClicked: {myModel.remove(1); // 删除索引为1的ListElement}}}
}

动态插入

在QML中，可以通过ListModel的insert()函数来动态插入ListElement数据。下面是一个演示如何动态插入ListElement数据的示例：

import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 200title: "动态插入ListElement数据"ListView {anchors.fill: parentmodel: ListModel {id: myModelListElement { name: "Item 1"; value: 1 }ListElement { name: "Item 3"; value: 3 }}delegate: Item {width: parent.widthheight: 30Text {text: name + ": " + valueanchors.centerIn: parent}}Button {text: "插入Item"anchors.horizontalCenter: parent.horizontalCenteranchors.bottom: parent.bottomonClicked: {myModel.insert(1, { name: "Item 2", value: 2 }); // 在索引1处插入新的ListElement}}}
}

动态修改

在QML中，可以通过ListModel的set()函数或者直接修改ListElement的属性来动态修改ListElement数据。下面是示例：

import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 200title: "动态修改ListElement数据"ListView {anchors.fill: parentmodel: ListModel {id: myModelListElement { name: "Item 1"; value: 1 }ListElement { name: "Item 2"; value: 2 }ListElement { name: "Item 3"; value: 3 }}delegate: Item {width: parent.widthheight: 30Text {text: name + ": " + valueanchors.centerIn: parent}MouseArea {anchors.fill: parentonClicked: {// 修改对应ListElement的value属性myModel.set(index, { name: name, value: value + 10 });}}}}
}