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
    }
 }

    
  

運行效果:

QML學習:對象和屬性