QML學(xué)習(xí):對(duì)象和屬性

本文博客鏈接: 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

源代碼:

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

    
  

運(yùn)行效果:

說明:

代碼中有1個(gè)對(duì)象:Rectangle

2個(gè)子對(duì)象:Image,Text

每個(gè)對(duì)象都可以設(shè)置屬性,以及設(shè)置唯一ID

可以通過id訪問對(duì)象,示例代碼:

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

    
  

運(yùn)行效果:

QML學(xué)習(xí):對(duì)象和屬性