qml构建一个渐变色的窗口

来源:互联网 发布:vb winhttp 编辑:程序博客网 时间:2024/06/02 16:10

有时候在qt中需要用到渐变色这样的特效,那么如何实现一个简单的渐变色的窗口呢?
在QML中渐变色的类型是Gradient,渐变色可以通过两个或者多个颜色值来指定,QML会自动在你指定的颜色之间进行插值。Gradient使用GradidentStop来指定一个颜色值和他的范围的(0- 1.0 之间)。

import QtQuick 2.2
import QtQuick.Window 2.1

Rectangle{
width:320;
height: 480;
// color:”blue”;
//border.color: “#808080”;
border.width: 2;
radius:12;

gradient: Gradient{    GradientStop{        position: 0.0;        color: "#202020";    }    GradientStop{        position: 0.33;        color:"blue";    }    GradientStop{        position: 1.0;        color: "#FFFFFF";    }}

}

在QT5.0版本中,只有垂直方向的线性渐变色Item,不过其他方面的可以通过Rectangle指定的rotation属性来实现。

Rectangle{

rotation:90;

}这样实现的就是一个水平的渐变色了

0 0
原创粉丝点击