QML初学（一）

Rectangle: 绘制一个矩形；

可以设置是否带边框；

可以设置填充颜色；

可以设置填充渐变颜色；

可以设置只显示边框不显示填充色；

 

属性：antialiasing:bool  抗锯齿  默认 true

      border  边框可以设置宽度和颜色；

Border.width: int

Border.color:color

  color:color 设置填充的颜色；

      radius:real 绘制圆角矩形

      gradient:Gradient 设置填充颜色渐变

 

代码片段：

Rectangle

{

width:100; //设置宽

Height:100://设置高

color:”red”;(color:”#00aa00”)(color:Qt.rega(0.8,0.5,0.4,1.0))//设置背景色

}

 

渐变色

Rectangle

{

width:100;

height:100;

gradient:Gradient

{

GradientStop{position:0.0;color:”red”}; //设置开始位置的颜色

GradientStop{position:1.0,color:”blue”};//设置结束位置的颜色 中间部分根据颜色值自动插入

}

}

 

有边框，无填充颜色

Rectangle

{

width:100;

height:100;

border.color:”red”;

border.width:2;

}