在Qt quick项目中组合不同的qml文件

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

使用qml定义GUI, 我们可以将整个GUI拆分成不同的部分。一个main.qml文件表示整个布局，其他qml文件定义部分的GUI。

我创建了一个assemble工程，main.qml文件如下：

import QtQuick 2.1import QtQuick.Window 2.1import QtQuick.Controls 1.1import QtQuick.XmlListModel 2.0Window {    title: "Assemble Demo"    width: 538 + frame.margins * 2    height: 360 + frame.margins * 2    ToolBar {        id: toolbar        width: parent.width        Text {            text: "Assemble Demo"        }    }    SystemPalette {id: syspal}    color: syspal.window    Rectangle {        id: r1        anchors.top: toolbar.bottom        anchors.right: parent.right        anchors.left: parent.left        anchors.bottom:  parent.bottom        anchors.margins: 16        TabView {            id:frame            focus:true            property int margins: Qt.platform.os === "osx" ? 16 : 0            height: 120            anchors.right: parent.right            anchors.left: parent.left            anchors.margins: margins            Tab {                title: "Tab1"                source: "menu.qml"            }            Tab {                title: "Tab2"                source: "menu.qml"            }        }    }}

注意，上面的两个Tab元素中，我用source属性引用了外部的men.qml文件。

下面是menu.qml文件：

import QtQuick 2.0import QtQuick.Controls 1.1Rectangle {    Button {        id: createMenu        text: "Create"    }    Button {        id: loadMenu        anchors.left: createMenu.right        text: "Load"    }}

同时，需要将两个qml文件添加到resources.qrc中。

现在看一下截屏：

           

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow