将程序切分成三个文件QML（模型/视图/控制器）

Question

我想将程序分成 3 个 QML 文件：一个包含数据模型 (XMLlistModel) 的 QML 文件，另一个包含视图 (ListView)，第三个包含视图 (ListView)。启动该程序。

import QtQuick 1.0

Item {

    width: 800
    height: 480

    XmlListModel {
        id: forecastModel
        source: "http://www.google.com/ig/api?weather=&hl=fr"
        query: "/xml_api_reply/weather/forecast_information"
        XmlRole { name: "city"; query: "city/@data/string()" }
    }

    ListView {
        x: 145; y: 325; width: 594; height: 48;
        model: forecastModel
        delegate: Text {
            font.family: "Univers LT Std"; color: "#c8c8c8"; width: parent.width; font.pixelSize: 30
            text: city
            anchors.centerIn: parent.centerIn
        }
    }
}

Answer 1

这将类似于

ForecastModel.qml

XmlListModel {
    source: "http://www.google.com/ig/api?weather=&hl=fr"
    query: "/xml_api_reply/weather/forecast_information"
    XmlRole { name: "city"; query: "city/@data/string()" }
}

ForecastView.qml

ListView {
    x: 145; y: 325; width: 594; height: 48;
    delegate: Text {
        font.family: "Univers LT Std"; color: "#c8c8c8"; width: parent.width; font.pixelSize: 30
        text: city
        anchors.centerIn: parent.centerIn
    }
}

main.qml

import QtQuick 1.0

Item {    
    width: 800
    height: 480

    ForecastModel {
        id: forecastModel
    }

    ForecastView {
        model: forecastModel
    }
}