qml编程（QML中需要记住的几种基本元素）

QML声明界面就像搭积木，问题的关键是我们要记住有哪些元素可以用？

元素有哪些属性可以用？以下就是需要记住的元素及常用属性。

1.Item

基础元素，是其他可视化元素的基类，定义了很多可视元素的共同属性，但是

Item本身不绘制。有必要记住以下属性：

最关键的id属性，用于标识元素。

x、y、width和height分别定义元素的左上角坐标x、左上角坐标y、宽和高。

（x,y,width,height组成一个矩形区域）。

z定义了元素的z轴方向的值，该值越大就表示元素在越上层。

anchors属性包含上、下、左、右、水平居中和垂直居中，用于定位元素与元素的位置。

scale属性用于设置元素的缩放，rotation属性用于设置元素旋转。

opacity属性定义元素的不透明度，visible属性定义元素是否可见。

示例：

2.Rectangle

矩形元素，相比Item多了边框和填充，还可以定义圆角半径。

color属性定义矩形的填充色，border.color定义边框颜色，border.width定义边框的宽度。

radius定义圆角半径。gradient可以定义渐变色。

例：

3.Text

文本元素

和文字相关的两个关键属性，一个是文字的内容(text)，另一个是字体(font)。font.family

定义字体名，font.pixelSize和font.pointSize定义字体大小，font.bold定义是否粗体。

Text元素的宽和高会根据文字的内容和字体初始化，所以通常可以不用写width和height属性。

例：

4.Image

图像元素，可以用来显示图片。关键属性source用来设置图片的路径，fillMode定义图片

的填充模式（水平拉伸、垂直拉伸等等）。

例：

5.MouseArea

鼠标区域，是一个不可见的元素。主要用它来捕捉鼠标事件。之前已经见过了。

例：

（点击矩形，矩形颜色变成了绿色的。）

这些常用的元素和常用属性其实挺好记忆的，自己写上两遍就差不多了。

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

本文由程序员fearlazy原创，欢迎关注，带你一起长知识！