QML學習:QML文件當做組件使用

本文博客鏈接: http://blog.csdn.net/jdh99 ,作者:jdh,轉載請注明.

參考文檔<<Qt及Qt Quick開發(fā)實戰(zhàn)精解.pdf>>

環(huán)境：

主機:WIN7

開發(fā)環(huán)境:Qt

屬性別名:

將組件中的一個屬性設置為可定義

方法:

用關鍵字 property alias將一個屬性設置一個別名

源代碼:

Ttest_button.qml

    
      import QtQuick 2.0

Rectangle
{
    property alias text:txt.text

    width: 100
    height: 50

    Text
    {
        id:txt
    }
}

    
  

說明:

1.作為組件的qml文件名首字母必須為大寫

2.property alias是關鍵字,將變量text設置為txt.text的別名

3.變量text由外部調用導入

qml1.qml

    
      import QtQuick 2.0

Rectangle
{
    color:"blue"

    Ttest_button
    {
        text: "JDH"
    }
}

    
  

運行效果:

組件增加屬性

方法:

用關鍵字 property增加屬性

源代碼:

Ttest_button.qml

    import QtQuick 2.0

Rectangle
{
    id:rect1

    //property alias text:txt.text
    property string str_txt:"hi,jdh"

    width: 100
    height: 50

    Text
    {
        id:txt
        text:rect1.str_txt
    }
}

  

qml1.qml

    import QtQuick 2.0

Rectangle
{
    color:"blue"

    Ttest_button
    {
        //text: "JDH"
        str_txt: "ok,i am jdh"
    }
}

  

運行效果:

QML學習:QML文件當做組件使用