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
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。