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

逐步解說

Import

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

import QtQuick 2.0

Rectangle類型：

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

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

Text 類型：

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

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

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

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

font.pointSize和font.bold性質與字體，并使用點符號。

查看示例

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

qmlscene tutorials/helloworld/helloword.qml