Qml::Rectangle组件

QML的Rectangle组件,描绘一个矩形,一个可视化的对象。

外加设置属性来达到我们想要的效果。常用的有矩形的颜色,边框颜色,圆角等设置。

Rectangle{
           x:10//这里的坐标是相对于它的父窗口,也就是Window
           y:10
           width: 100;
           height: 100;//一定要指定出大小才能显示
           visible: true
           antialiasing: true;//抗锯齿,默认就是开启的
           border.width: 10;
           border.color: "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";
           }
       }

猜你喜欢

转载自www.cnblogs.com/osbreak/p/12059997.html
QML
今日推荐