QML文档定义对象

通过QML文档定义对象类型

将一个QML文档放置到一个以<TypeName>.qml命名的文本文件中，这里<TypeName>是类型的名称，必须以大写字母开头，这个文档会自动被引擎识别为一个QML类型的定义。 //引擎解析QML类型名称时候，需要搜索相同的目录，所以这种方式定义的类型，同一目录中的其他QML文件会被自动设置为可用的。

如2个QML文件，下

//SquareButton.qml import QtQuick 2.2 Rectangle{ width:100；height:100;color:"red"; MouseArea{ anchors.fill:parent onClicked:console.log("Button clicked"); } }

由于文件名称是SquareButton.qml，因此可以被同一目录下的其他QML文件作为SqureButton类型使用。如

//myapplication.qml import QtQuick 2.2 SquareButton{}

当myapplication.qml文档被引擎加载时，它会将SquareButton.qml作为一个组件进行加载，并对其实例化来创建一个SquareButton对象。QML引擎从这个类型实例出一个SquareButton对象。

自定义类型访问特性

如SquareButton.qml文件的根对象类型是Rectangle，这意味着在Rectangle类型中定义的所有的属性都可以被SquareButton对象修改。

自定义属性、方法、信号

//SquareButton.qml import QtQuick 2.2 Rectangle{ id:root; property bool pressed:mouseArea.pressed; signal buttonClicked(real xPos , real yPos); function randomizeColor(){ root.color= Qt.rgba(Math.random(),Math.random(),Math.random(),1); } width:100；height:100;color:"red"; MouseArea{ anchors.fill:parent onClicked:console.log("Button clicked"); } }

所有的SquareButton都可以使用上面定义的pressd属性、buttonClicked信号、randomizeColor()方法。 如：

import QtQuick 2.0 SquareButton{ id:squareButton; onButtonClicked:{ console.log("Clicked",xPos,yPos); randomizeColor() } Text { text:squareButton.pressed?"Down":"Up"; } }

SquareButton.qml中定义的任何一个id值都不能在SquareButton对象中进行访问。因为id只能在组件作用域中进行访问。