Тип QML RadialGradient

Радиальный градиент. Подробнее...

• Список всех членов, включая унаследованные

Свойства

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

Подробное описание

Радиальные градиенты интерполируют цвета между фокусной окружностью и центральной окружностью в элементах Shape. Точки вне конуса, определяемого двумя окружностями, будут прозрачными.

За пределами конечных точек градиент либо заполняется, отражается, либо повторяется в зависимости от типа распространения.

Ниже приведен пример простого радиального градиента. Здесь цвета интерполируются между указанной точкой и конечными точками на окружности, заданной радиусом:

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

Поддерживаются также расширенные радиальные градиенты, где задана отдельная фокусная окружность.

Примечание: RadialGradient поддерживается только в сочетании с элементами Shape. Он несовместим с Rectangle, так как тот поддерживает только Gradient.

См. также QRadialGradient.

Документация свойств

centerRadius : real

Эти свойства определяют радиус центра и фокуса. Для простых радиальных градиентов focalRadius следует установить в значение 0 (значение по умолчанию).

centerX : real

Эти свойства определяют центральные и фокусные точки. Для указания простого радиального градиента установите focalX и focalY соответственно в значение centerX и centerY.