QML學(xué)習(xí):QML文件當(dāng)做組件使用

本文博客鏈接: http://blog.csdn.net/jdh99 ,作者:jdh,轉(zhuǎn)載請(qǐng)注明.

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

環(huán)境：

主機(jī):WIN7

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

屬性別名:

將組件中的一個(gè)屬性設(shè)置為可定義

方法:

用關(guān)鍵字 property alias將一個(gè)屬性設(shè)置一個(gè)別名

源代碼:

Ttest_button.qml

    
      import QtQuick 2.0

Rectangle
{
    property alias text:txt.text

    width: 100
    height: 50

    Text
    {
        id:txt
    }
}

    
  

說(shuō)明:

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

2.property alias是關(guān)鍵字,將變量text設(shè)置為txt.text的別名

3.變量text由外部調(diào)用導(dǎo)入

qml1.qml

    
      import QtQuick 2.0

Rectangle
{
    color:"blue"

    Ttest_button
    {
        text: "JDH"
    }
}

    
  

運(yùn)行效果:

組件增加屬性

方法:

用關(guān)鍵字 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"
    }
}

  

運(yùn)行效果:

QML學(xué)習(xí):QML文件當(dāng)做組件使用