RadialGradient QML Type

Radialer Farbverlauf. Mehr...

• Liste aller Elemente, einschließlich vererbter Elemente

Eigenschaften

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

Ausführliche Beschreibung

Radiale Farbverläufe interpolieren Farben zwischen einem Fokuskreis und einem Mittelkreis in „Shape“-Elementen. Punkte außerhalb des durch die beiden Kreise definierten Kegels sind transparent.

Außerhalb der Endpunkte wird der Farbverlauf je nach Ausbreitungstyp entweder aufgefüllt, gespiegelt oder wiederholt.

Nachfolgend finden Sie ein Beispiel für einen einfachen radialen Farbverlauf. Hier werden die Farben zwischen dem angegebenen Punkt und den Endpunkten auf einem durch den Radius definierten Kreis interpoliert:

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" }
}

Erweiterte radiale Farbverläufe, bei denen ein separater Fokuskreis festgelegt wird, werden ebenfalls unterstützt.

Siehe auch „ QRadialGradient “.

Eigenschaftsdokumentation

Diese Eigenschaften legen den Mittelpunkt und den Fokusradius fest. Bei einfachen radialen Farbverläufen sollte „ focalRadius “ auf „ 0 “ gesetzt werden (Standardwert).

Diese Eigenschaften definieren den Mittelpunkt und die Brennpunkte. Um einen einfachen radialen Farbverlauf festzulegen, setzen Sie „ focalX “ und „ focalY “ jeweils auf den Wert von „ centerX “ und „ centerY “.