Qt学习笔记之Helloworld.qml（二 ）

QML例子和教程：

首先创建项目1，然后为不同平台做配置工作2，接下来开始编程（如果需要创建项目和配置项目部分的教程请留言更新）。

 

QML文档定义了具有高度可读的结构化布局的对象层次结构。每个QML文档由两部分组成:导入部分和对象声明部分。用户界面最常见的类型和功能在QtQuick导入中提供。

 

QML文件的讲解：

 

1 导入和使用QtQuick模块

 

下面部分为导入QtQuick 模块，导入模块后将可以使用QtQuick中包含的各种对象。

（Qt Quick提供的类型和功能现在可以在QML文档中使用!）

import  QtQuick  2.3

 

2 定义对象层次结构

 

QML文档中的对象声明定义了可视场景中显示的内容。Qt Quick为所有用户界面提供了基本的构建块，例如用于显示图像和文本以及处理用户输入的对象。

 

一个简单的对象声明可以是一个有颜色的矩形，其中有一些文本居中:

Rectangle {

         id: rec

          width: 200

          height: 100

          color: "red"

          Text {

           id: tex

           anchors.centerIn: parent

           text: "Hello, World!"

          }

}

//* Rectangle {}   矩形对象，width、height宽度和高度，color颜色（是矩形的属性）。Text{}文字对象包含于矩形中，anchors.centerIn表示文字对象在矩形中的相对位置，text表示文字内容（属于文字对象的属性）,id属性表示每个对象的唯一标识 *//

//*这定义了一个对象层次结构，其中包含一个具有子文本对象的根矩形对象。文本对象的父对象被自动设置为矩形，类似地，文本对象被QML添加到矩形对象的子属性中。*//

          

         将导入模块部分和定义对象层次的部分放在一起组成一个完整的QML文件。

        

   import QtQuick 2.3

  Rectangle {

    id: rec

      width: 200

      height: 100

      color: "red"

      Text {

          id:tex

          anchors.centerIn: parent

          text: "Hello, World!"

      }

  }

 

验证：

  

创建空项目项目，在main.qml中加入此部分，

 

编译运行结果如下：