通过搭配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: "#