在编写组件时，使用下面两种方法可以实现组件的复用：
import QtQuick 2.0
import QtQuick.Window 2.2
import QtQuick.Controls 1.4 as Controls
import Global 1.0
import "qrc:/materialUI/core"
Controls.ApplicationWindow {
id: dg;
width: Math.max(content.width+ ,minimumWidth);
height: content.height + +
buttonContraner.height + ;
visible: false;
default property alias content: content.data; //默认属性；
property alias buttons: buttonView.children; //引用；
signal rejected(); property string nextButtonText: "下一步"
property string negetiveButtonText: "取消" minimumWidth: ; View{
anchors.fill: parent;
backgroundColor: "#ffffff"
Item{
id : contrainer;
width: content.implicitWidth;
height: content.height;
anchors{
left: parent.left;
right: parent.right;
top: parent.top;
leftMargin: ;
topMargin: ;
rightMargin: ;
} Item{
id: flickItem;
clip: true;
anchors.fill: parent;
Column{
id: content;
spacing: Global.margin;
}
}
} Item{
id: buttonContraner;
anchors{
left: parent.left;
right: parent.right;
bottom: parent.bottom;
bottomMargin: ;
}
height: negetiveButton.implicitHeight + ;
clip: true;
View{
id: buttonView; // backgroundColor: dg.color;
elevation: ;
fullWidth: true;
elevationInverted: true;
anchors{
bottom: parent.bottom;
right: parent.right;
left: parent.left;
}
}
}
} function open()
{
dg.visible = true;
}
function close()
{
dg.visible = false;
} Component.onCompleted: {
console.log(content.height + " " + buttonContraner.height )
}
}
1. 默认属性；
每一个qml组件仅有一个default property属性。
如上述代码； 通过申明默认属性，在使用该组件时，qml会自动将子成员对象插入到指定的位置；
2.引用；
在上述代码中；
property alias buttons: buttonView.children;
该表示即为引用，通过对buttons进行赋值，也能实现指定域扩展；