qml学习:对象和属性

qml学习:对象和属性

 

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

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

 

 

环境：

主机:WIN7

开发环境:Qt

源代码:

 

import QtQuick 1.0

Rectangle
{
    width:320
    height:240
    color:"blue"

    Image
    {
        source:"pics/1.jpg"
        anchors.centerIn: parent
    }

    Text
    {
        id:txt1
        text:"Hello JDH!"
        font.pointSize: 24
        font.bold: true
        anchors.centerIn: parent
    }
 }

运行效果:

 

说明:

代码中有1个对象:Rectangle

2个子对象:Image,Text

每个对象都可以设置属性,以及设置唯一ID

可以通过id访问对象,示例代码:

 

import QtQuick 1.0

Rectangle
{
    width:320
    height:240
    color:"blue"

    Image
    {
        source:"pics/1.jpg"
        anchors.centerIn: parent
    }

    Text
    {
        id:txt1
        text:"Hello JDH!"
        font.pointSize: 24
        font.bold: true
        anchors.centerIn: parent
    }

    Text
    {
        id:txt2
        x: -10
        y: 199
        text:txt1.text + "It is qml!"
        font.pointSize: 24
        font.bold: true
    }
 }

运行效果: