QML HelloWord程序

import QtQuick 2.0

Rectangle {
    id: page
    width: 320; height: 480
    color: "lightgray"

    Text {
        id: helloText
        text: "Hello world!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }
}

逐步解說(shuō)

Import

首先，需要導(dǎo)入在這個(gè)例子中使用的類型。大多數(shù)QML文件將導(dǎo)入內(nèi)置的QML類型（如矩形，圖像，...）來(lái)給Qt使用：

import QtQuick 2.0

Rectangle類型：

Rectangle {
    id: page
    width: 320; height: 480
    color: "lightgray"
}

我們聲明類型矩形的根對(duì)象。這是基本的構(gòu)建模塊之一，你可以用它來(lái)在QML創(chuàng)建一個(gè)應(yīng)用程序。我們給它一個(gè)id為以后能夠引用它。在這種情況下，我們把它稱為“頁(yè)面”。還設(shè)置了寬度，高度和顏色屬性。矩形類型包含許多其他屬性（如x和y），但這些都是使用它們的默認(rèn)值。

Text 類型：

    Text {
        id: helloText
        text: "Hello world!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }

我們添加了一個(gè)文本類型的顯示文本的根矩形子類型的 'Hello world!'.

y屬性用于在從其父的前垂直30個(gè)像素位置的文本。

anchors.horizontalCenter屬性是指一個(gè)類型的水平中心。在這種情況下，我們指定了文本類型應(yīng)該水平居中的頁(yè)面元素

font.pointSize和font.bold性質(zhì)與字體，并使用點(diǎn)符號(hào)。

查看示例

要查看所創(chuàng)建文件名作為第一個(gè)參數(shù)運(yùn)行qmlscene工具（位于bin目錄中）。例如，若要從安裝位置，請(qǐng)鍵入運(yùn)行提供完成helloword例如：

qmlscene tutorials/helloworld/helloword.qml