rectangle

QML中Rectangle的⽤法和属性

盒⼦模型也是QML的特点之⼀。这⾥最值得⼀提的还是Rectangle这个item，因为他的⽤处很⼴泛。他可以⽤来对某个区域进⾏操作和绘

制。⽐如你要在特定的地⽅指定接收⿏标单击事件，或者某个地⽅显⽰特定的颜⾊。

简单看⼀看Rectangle的⼀些属性。

importQtQuick2.3

2.2

Window{

visible:true

Rectangle{

x:10//这⾥的坐标是相对于它的⽗窗⼝，也就是Window

y:10

width:100;

height:100;//⼀定要指定出⼤⼩才能显⽰

visible:true

antialiasing:true;//抗锯齿，默认就是开启的

:10;

:"red";//边框的⼀些属性

color:"blue"//内部的颜⾊

gradient:Gradient{//颜⾊渐变

GradientStop{position:0.0;color:"lightsteelblue"}

GradientStop{position:1.0;color:"blue"}

}

radius:10;//圆⾓

clip:true//这⼀属性设置表⽰如果他的⼦类超出了范围，那么就剪切掉，不让他显⽰和起作⽤

Rectangle{

id:son

x:50;

y:50;

width:300;

height:100;

color:"gray";

}

}

}

针对clip属性做特殊说明：

Clip属性设置为clip:true的效果：

⼦类是不是被切割了呢。

再看⼀下设置为clip:fal的情况：

这样，超出的部分也会被显⽰出来。

⽽更加不幸的是默认居然是fal，所以千万要注意。

当然，这⾥有⼀个问题，就是我要怎么绘制⼀个不规则的区域呢？⽐如六边形的区域？留下悬念吧……