有时候在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;
…
}这样实现的就是一个水平的渐变色了