Qt Quick中的渐变效果为Gradient

Qt Quick提供了三种渐变图形效果：

• Conical Gradient, 锥形形状渐变
• Linear Gradient, 线性渐变
• Radial Gradient, 径向形状渐变

效果

下图是我设计的示例效果：

图 1 渐变图形效果

如图所示，第一行为线性渐变，第二行为锥形渐变，第三行为径向渐变。

渐变元素与其他图形效果的主要区别在于：不仅可以在现有图形元素上应用变化（如Image对象），还可以单独作为独立组件使用。在示例效果图中可以看到，在每一行的第一个和第二个实例都是单独应用了渐变效果的对象；而第三个和第四个实例则展示了将渐变效果应用于其他图形组件的效果。

源码

渐变效果相对而言较为简单。所有的示例放置于同一个QML文件中——GradientExample.qml——中。具体内容如下：

 import QtQuick 2.2

    
 import QtGraphicalEffects 1.0
    
 import QtQuick.Controls 1.2
    
  
    
 Rectangle {