Тип RadialGradient QML

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

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

Свойства

• 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.