Тип 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.

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

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

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