QML图像、状态和动画--渐变

渐变

QML中使用Gradient项目来定义一个渐变

GradientStop：

    位置，颜色的渐变值：0.0~1.0

    位置：position

    颜色：color

注意：Gradient不可见，需要在可见项目中使用

import QtQuick 2.4

Rectangle {
    width: 200
    height: 300

    gradient: Gradient {
        GradientStop {position: 0.0; color:"red"}
        GradientStop {position: 0.33; color:"yellow"}  //在1/3的地方变为黄色
        GradientStop {position: 1.0; color:"green"}
    }
}

Qt 4.7中，只有垂直直线渐变可用，可以结合旋转和剪裁操作实现不同方向的渐变