Home · All Classes · All Functions · Overviews

QML Gradient Element Reference

The Gradient item defines a gradient fill. More...

Properties

Detailed Description

A gradient is defined by two or more colors, which will be blended seemlessly. The colors are specified at their position in the range 0.0 - 1.0 via the GradientStop item. For example, the following code paints a rectangle with a gradient starting with red, blending to yellow at 1/3 of the size of the rectangle, and ending with Green:

 import Qt 4.6

 Rectangle {
     width: 100; height: 100
     gradient: Gradient {
         GradientStop { position: 0.0; color: "red" }
         GradientStop { position: 0.33; color: "yellow" }
         GradientStop { position: 1.0; color: "green" }
     }
 }

See also GradientStop.


Property Documentation

read-onlystops : list<GradientStop>

This property holds the gradient stops describing the gradient.



Copyright © 2010 Nokia Corporation and/or its subsidiary(-ies) Trademarks
Qt 4.7.0