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