1.property介绍property用来自定义一个属性,并且可以进行初始化,且没有public、private、protected等限制.property定义属性的类型可以是QML基本类型、也可以是QML对象类型,也可以是var泛型类型,而基本类型支持的有bool、double、int、list、real、string、url类型自定义的属性默认会有个属性值改变信号,可以通过onPropertyChanged信号处理器来接受该信号。示例如下所示:Window{ visible: true property int cnt // 未初始化,cnt默认为0 property string label: cnt // 进行初始化 label cnt Component.onCompleted: { console.log(label,cnt); cnt; label count; } onLabelChanged: { console.log(onLabelChanged:label) } onCntChanged: { console.log(onCntChanged:cnt) } }运行打印:qml: cnt,0 qml: onCntChanged:1 qml: onLabelChanged:count2.基本类型数组属性自定义基本类型数组属性自定义,则使用var泛型类型即可,示例如下所示:Window{ visible: true property var strList : [ str1, str2, str3 ] Component.onCompleted: { console.log(strList.length); for(var index in strList) { console.log(index: strList[index]) } } }如果我们要创建一个空数组,那么直接初始化赋值为[]即可,比如:property var objArr: []如果我们想定义二维数组,比如;property var rotationModel: [ [#00FF00, RotationAnimation.Numerical, 12], [#FF0000, RotationAnimation.Clockwise, 12], [#0000FF, RotationAnimation.Counterclockwise, 12], [#00FFFF, RotationAnimation.Shortest, 12], ] MouseArea { id: area anchors.fill: parent onPressed: { console.log(rotationModel.length,rotationModel[0].length) // 打印4,3 表示有4行,每行里面有3列 } }3. QML对象数组属性自定义如果自定义一组对象数组,则使用listObject类型,示例如下所示:Window{ visible: true property listRectangle rectList : [ Rectangle{ id: list1; color:#FF0000 }, Rectangle{ id: list2; color:#FFFF00}, Rectangle{ id: list3; color:#FFFFFF} ] Component.onCompleted: { console.log(rectList.length); for(var index in rectList) { console.log(index: rectList[index].color) } } }如果用var去存储QML对象数组,将会报错,因为var类型接受的array数组只能是基本类型,而Rectangle是个对象.4.只读属性自定义只读属性必须初始化且不能修改只需要在property前面加上readonly即可.比如:readonly property string type: readonly5.QML传递数组给C首先看下面图所示:Qt TypeJavaScript TypeQVariantListArrayQVariantMapObjectQDateTime, QTimeDateQByteArrayarrayBuffer我们以QML-Array为例,示例如下所示,在QML中,通过Array这样写:Component.onCompleted: { var arr [true, false, true, true, false, false, false, true, true, false]; xx.test(arr); // 调用c中的test()函数 }然后在c类,定义如下所示:Q_INVOKABLE void test(QVariantList list);然后实现如下所示:void Xxxx::test(QVariantList list) { qDebug()test:list.length(); for (int i 0; i list.length(); i) { qDebug()for:ilist[i]; } }6.QML传递函数对象给C进行回调qml函数对象 对于Qt C类而言是QJSValue对象。QJSValue对象就是qml的Object对象也可以是string、bool、函数对象等等构造函数如下所示:如果QJSValue对象是函数的话需要通过QJSValue::isCallable()判断是否可以执行然后再去调用QJSValue QJSValue::call(const QJSValueList args QJSValueList())进行执行函数参数列表就是对应qml的函数参数。比如我们注册一个C 类叫Backend。然后QML执行:Button { onClicked: { Backend.testCall(function(result, value) { console.log(匿名回调被触发结果:, JSON.stringify(result,null,4), value) }) } }然后在Backend C类定义一个函数:Q_INVOKABLE void testCall(QJSValue callback);实现如下所示:void Backend::testCall(QJSValue callback) { QJSEngine *engine qjsEngine(this); if (!engine) { qWarning() 无法获取 QJSEngine 实例; return; } if(callback.isCallable()) { QVariantMap data; data[status] success; data[value] 42; QJSValue jsData engine-toScriptValue(data); QJSValueList args; args jsData QJSValue(15); // 参数传递一个js对象、数值对象 callback.call(args); } }点击按钮后会打印: