QML学习:QML文件当做组件使用

QML学习:QML文件当做组件使用

本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明.

参考文档<<Qt及Qt Quick开发实战精解.pdf>>

环境：

主机:WIN7

开发环境: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"
    }
}

运行效果: