有没有办法在qml中键入从json解析的对象

Question

json文档如下所示。我想在qml中为它定义一个类，就像typescript中的接口关键字一样。

{
    "ScannerID": "ID",
    "Status": 1,
    "SuccessRate": 0.999,
    "Result": [{
            "Codes": "result_11111",
            "Positions": {
                "CenterX": 10.0,
                "CenterY": 10.0,
                "Width": 100.0,
                "Height": 100.0,
                "Angle": 50
            },
            "Types": "QrCode"
        },
        //more items
    ]
}

我试图定义一个qml类在文件ScannerResult.qml

import QtQuick 2.4

QtObject {
    property string pScannerID
    property int pStatus
    property real pSuccessRate
    // how to define Result with strong type?
    property ? pResult

    function load(obj) {
        pScannerID = obj.ScannerID
        //......
    }
}

那就用吧

...
ScannerResult {
    id: scannerResult
}

function log(jsonstr) {
    let obj = JSON.parse(jsonstr);
    scannerResult.load(obj)
    console.log(scannerResult.pScannerID) // it works
}
...

但是在“Result”键下很难处理对象的向量。因为qml不允许在类A下定义类B。
那么有人知道如何定义强类型类来保存qml中从json解析的对象吗？然后我可以在qtcreator中使用自动完成的类。

Answer 1

您可以创建一个属性var并将其分配为一个列表/数组/向量来保存pResult。要填充此列表，您可以创建一个“B类”组件，并在解析JSON对象时动态创建此类的实例。

使用您的代码结构，这里是ScannerResult的更新版本。qml：

import QtQuick 2.4

QtObject {
    property string pScannerID
    property int pStatus
    property real pSuccessRate
    property var pResult: []

    function load(obj) {
        pScannerID = obj.ScannerID
        //... etc
        for (var element of obj.Result) {
            let resultQtObject = resultComponent.createObject(this, {})
            resultQtObject.pCodes = element.Codes
            resultQtObject.pTypes = element.Types
            resultQtObject.pPositions.pCenterX = element.Positions.CenterX
            //... etc
            pResult.push(resultQtObject)
        }
    }

    property Component resultComponent: Component {

        QtObject {
            property string pCodes
            property string pTypes
            property QtObject pPositions: QtObject {
                property real pCenterX
                property real pCenterY
                property real pWidth
                property real pHeight
                property int pAngle
            }
        }
    }
}

更新后的log功能的工作原理如下：

    function log(jsonstr) {
        let obj = JSON.parse(jsonstr);
        scannerResult.load(obj)
        console.log(scannerResult.pScannerID) // it works
        console.log(scannerResult.pResult[0].pPositions.pCenterX) // it works
    }

由于您正在运行时动态创建此组件的实例，QtCreator无法为其提供自动完成建议。正如您提到的向量长度未知，我相信运行时实例化是您唯一的选择，因此没有能够适应自动完成的解决方案。

另一件需要注意的事情是，如果多次运行log（）/load（），则需要清理pResult列表和destroy（）动态创建的对象。