Тип градиента 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>

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

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

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