《创建第一个Qt Quick项目》中提到qml是一种用来描述界面的语言,那么qml的基本语法是什么样的呢?

1.qml文件

qml文件就是用来存放qml语句的文件,它的的后缀是qml。

 

2.结构

简单qml的结构,如下图:

该文件由两部分组成,import声明导入指定的模块,qml用到的基本元素在

QtQuick模块下。另一部分就是描述界面的主体部分,和html类似qml也是一个树形

结构,它有一个根元素,然后再依次展开,如上Rectangle是根元素,它有两个Text子元素。

 

3.元素

如上所看到的,qml就是由一个个元素嵌套组成的。声明一个元素用元素的类型后加一对花括号

如Rectangle{}, Rectangle是类型(矩形),描述元素的内容都包含在后面的花括号中,包括子元素。

元素拥有属性,其格式是 属性名:值,如上图中的text:'文字'等。id是一个特殊的属性,它就像一个元素

的身份证,有了它就可以在qml文档中的其他元素中使用这个元素。如在第二个Text中使用了text1.x。

 

4.自定义属性

以上用到的属性都是对应的元素类型内置的,我们也可以自己添加属性

格式:property 类型 属性名:初始值

 

5.注释

和c++中的注释一样,使用//进行单行注释, /**/进行多行注释。

 

6.运行

学习qml时没必要创建一个QtQuick项目这么麻烦,可以使用qmlscene来运行,qmlscene在Qt安装目录的bin

目录下,也可以在Qt的命令行工具下直接运行

使用qmlscene运行上面的例子,效果如下:

 

知道以上内容应该能对qml有个初步的印象,想要熟悉她还需要以后慢慢了解。

 

---> 文章来源于我的个人博客:fearlazy
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。