在工程中有很多情况是需要动态创建对象来完成需求的，QML当中也是可以进行动态创建的，创建的范围包括但不限于组件和对象。
首先想要动态创建组件需要了解组件是什么
一、Component
Component是由一个由开发者封装好的，只暴露必要接口的QML类型，可以重复使用，有点像类的概念但又不完全像。下面是一个组件的定义：
Component{
id:id_Comp
Rectangle{
id:id_Root
width: 200
height: 200
color: mData ? "red" : "blue"
property bool mData: false
MouseArea{
anchors.fill: parent
onClicked: {
id_Root.mData = !id_Root.mData
}
}
}
}这就是定义了一个点击变色的矩形组件，组件的定义要求就是只能包含一个顶层Item，并且在这个Item之外不能定义除了Id之外的任何数据，它通常是给view提供图形化组件的，它本身不是一个可见元素，必须要实例化后才能显示。而示例化的方式可以静态添加也可以动态创建，这里主要讲一下动态创建。注：定义Component时组件名与文件名一致，组件名首字母大写。组件实例的id和组成组件的顶层Item的id是各自独立的。
二、动态创建的方式
1.Loader
Loader用来动态加载QML组件，可以把它当作一个占位符，需要用时才加载。下面是Loader的实例：
Loader{
id:id_loader
sourceComponent: id_Comp
}通过代码就可以知道loader只需要设置sourceComponent或source属性，就可以把组件加载进来，当sourceComponent或source发生改变时会重新加载对象，之前加载的对象会被销毁。当sourceComponent或source为空或者undefined时，会销毁当前加载的对象，相关资源也会释放，而loader对象则会变为一个空对象。loader的item属性指向了它顶层item，所以可以通过访问loader的item去修改被加载对象的属性。如果组件过大，加载起来非常耗费资源，可以采用异步加载的方式只需要将asynchronous属性设置为true就可以了。
2.在ECMAScript中动态创建对象
在ECMAScript中，有两种方式可以动态创建：
a.使用Qt.CreateComponent()动态创建一个组件对象，然后使用Component的createObject()方法创建对象
var component = Qt.createComponent("Button.qml");
if (component.status == Component.Ready) {
var button = component.createObject(parent，
{"width":120,"height":120});
}返回的button对象就行动态创建出来的对象的地址，可以通过button去修改对象的属性
createObject函数第一个参数指定parent，后面的列表指定属性
b.使用Qt.createQmlObject()从QML字符串直接创建一个对象
这种情况适用于在同一个qml文件内部就进行创建
const newObject = Qt.createQmlObject(`
import QtQuick 2.0
Rectangle {
color: "red"
width: 20
height: 20
}
`,
parentItem,
"myDynamicSnippet"
);第一个参数是需要创建的QML对象的描述文档，第二个参数是指定parent，第三个参数是关联文件，用于错误报告
注意：动态创建的对象不需要使用之后应该进行销毁，如果是loader进行管理的就将source或者sourceComponent设置为空，其它的就应该调用destroy（）方法进行销毁,这个函数的唯一参数是指定多少毫秒再进行删除，不写就为0，立即删除。
常规的动态创建方法基本就是上述三种，还有些非常规的比如Repeater，这个在之后的文章进行单独介绍
你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧
