Тип QML Gradient

Определяет заполнение градиентом Подробнее...

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

Свойства

• stops : список<GradientStop>

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

Градиент определяется двумя или более цветами, которые будут плавно смешиваться.

Цвета задаются как набор дочерних элементов GradientStop, каждый из которых определяет позицию на градиенте от 0,0 до 1,0 и цвет. Позиция каждого GradientStop определяется установкой свойства position; цвет определяется с помощью свойства color.

Градиент без каких-либо остановок градиента отображается как однородное белое заполнение.

Обратите внимание, что этот элемент не является визуальным представлением градиента. Для отображения градиента используйте визуальный элемент (например, Rectangle), который поддерживает использование градиентов.

Пример использования

В следующем примере объявляется элемент Rectangle с градиентом, начинающимся с красного, переходящим в жёлтый на одной трети высоты прямоугольника и заканчивающимся зелёным:

Rectangle {
    width: 100; height: 100
    gradient: Gradient {
        GradientStop { position: 0.0; color: "red" }
        GradientStop { position: 0.33; color: "yellow" }
        GradientStop { position: 1.0; color: "green" }
    }
}

Производительность и ограничения

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

В Qt 5.0 к элементам можно применять только вертикальные линейные градиенты. Если вам нужно применить разные ориентации градиентов, вам потребуется сочетание вращения и обрезки для соответствующих элементов. Это может потребовать дополнительных требований к производительности для вашего приложения.

Использование анимаций, включающих остановки градиента, может не дать желаемого результата. Альтернативный способ анимирования градиентов — использование предварительно сгенерированных изображений или SVG-рисунков, содержащих градиенты.

См. также GradientStop.

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

[по умолчанию] stops : список<GradientStop>

Это свойство содержит остановки градиента, описывающие градиент.

По умолчанию это свойство содержит пустой список.

Для установки остановок градиента определите их как дочерние элементы Gradient.