QML进阶(十)动态加载QML元素

通过搭配QML和JavaScript我们可以动态的对QML元素的生命周期进行管理。实现动态加载元素、动态实例化元素、动态销毁元素。同时我们还可以将动态创建的元素持久化到本地，并在需要的时候进行恢复使用。

通过Loader元素实现动态加载

通过QML提供的Loader元素实现动态加载是动态加载最简单的方式。Loader相当于提供了一个元素的加载容器，通过指定该元素的source属性，我们可以加载固定URL地址的元素，通过指定该元素的sourceComponent属性，我们可以实例化一个组件。

在动态加载组件的时候，如果我们指定了Loader元素的尺寸，那么加载的组件的显示尺寸将和Loader的尺寸保持一致，如果没有指定Loader的尺寸，那么Loader的尺寸将取决于加载的元素。

由于在动态加载元素之前，元素是不存在的，所以我们无法通过信号变化事件(onSignalNam)进行信号绑定。对于动态元素的信号绑定，我们可以使用Connection元素

通过动态指定Connection元素的target目标，我们可以动态的关联信号和对应的处理操作。

下面介绍一下Loader元素和Connection元素的用法。

首先定义两个控件作为需要加载的动态元素，代码如下:

//button1.qml
import QtQuick 2.5
Item {
    id:myItem
    signal message(string msg) //声明信号

    Rectangle{
		width: 290
        height: 30    
        gradient: Gradient{
            GradientStop { color: "#ff9a9e" ; position: 0 }
            GradientStop { color: "#