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中，隻有垂直直線漸變可用，可以結合旋轉和剪裁操作實作不同方向的漸變