QML----动态创建对象-创新互联

在工程中有很多情况是需要动态创建对象来完成需求的，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元起，快前往官网查看详情吧