qml: 组件复用

在编写组件时，使用下面两种方法可以实现组件的复用：

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进行赋值，也能实现指定域扩展；