RadialGradient QML Type

Gradient radial. En savoir plus…

• Liste de tous les membres, y compris les membres hérités

Propriétés

• centerRadius : real
• centerX : real
• centerY : real
• focalRadius : real
• focalX : real
• focalY : real

Description détaillée

Les dégradés radiaux interpolent les couleurs entre un cercle focal et un cercle central dans les éléments de forme. Les points situés à l'extérieur du cône défini par ces deux cercles seront transparents.

En dehors des points d'extrémité, le dégradé est soit complété, soit inversé, soit répété, selon le type de propagation.

Voici un exemple de dégradé radial simple. Ici, les couleurs sont interpolées entre le point spécifié et les points d'extrémité sur un cercle défini par le rayon :

fillGradient: RadialGradient {
    centerX: 50; centerY: 50
    centerRadius: 100
    focalX: centerX; focalY: centerY
    GradientStop { position: 0; color: "blue" }
    GradientStop { position: 0.2; color: "green" }
    GradientStop { position: 0.4; color: "red" }
    GradientStop { position: 0.6; color: "yellow" }
    GradientStop { position: 1; color: "cyan" }
}

Les dégradés radiaux étendus, pour lesquels un cercle focal distinct est spécifié, sont également pris en charge.

Voir également QRadialGradient.

Documentation sur les propriétés

Ces propriétés définissent le centre et le rayon focal. Pour les dégradés radiaux simples, la propriété « focalRadius » doit être définie sur « 0 » (valeur par défaut).

Ces propriétés définissent le centre et les points focaux. Pour définir un dégradé radial simple, attribuez respectivement aux propriétés « focalX » et « focalY » les valeurs « centerX » et « centerY ».