Тип QML градиента

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

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

Свойства

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

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

[default] stops : список<GradientStop>

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

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

Чтобы задать градиентные остановки, определите их как дочерние элементы градиента.