qml构建一个渐变色的窗口

有时候在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;

…

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