Тип QML RectangularGlow
Генерирует размытый и окрашенный прямоугольник, который создаёт впечатление свечения источника. Подробнее...
| Заявление об импорте: | import QtGraphicalEffects 1.13 |
| С момента: | QtGraphicalEffects 1.0 |
| Наследует: |
Свойства
- cached : bool
- цвет : цвет
- радиусУгла : вещественное
- радиусСвечения : вещественное
- распространение : вещественное
Подробное описание
Этот эффект предназначен для обеспечения хорошей производительности. Форма свечения ограничена прямоугольником с настраиваемым радиусом углов. Для ситуаций, когда требуются произвольные формы, рассмотрите эффект Glow.
| Применяемый эффект |
|---|
Примечание: Этот эффект доступен при работе с OpenGL.
Пример
Следующий пример демонстрирует применение эффекта.
import QtQuick 2.12
import QtGraphicalEffects 1.12
Item {
width: 300
height: 300
Rectangle {
id: background
anchors.fill: parent
color: "black"
}
RectangularGlow {
id: effect
anchors.fill: rect
glowRadius: 10
spread: 0.2
color: "white"
cornerRadius: rect.radius + glowRadius
}
Rectangle {
id: rect
color: "black"
anchors.centerIn: parent
width: Math.round(parent.width / 1.5)
height: Math.round(parent.height / 2)
radius: 25
}
} Документация по свойствам
cached : bool
Это свойство позволяет кэшировать выходные пиксели эффекта для повышения производительности рендеринга.
Каждый раз при изменении источника или свойств эффекта пиксели в кэше должны быть обновлены. Потребление памяти увеличивается, поскольку для хранения выходных данных эффекта требуется дополнительный буфер памяти.
Рекомендуется отключить кэш, когда источник или свойства эффекта анимируются.
По умолчанию свойство установлено в false.
цвет : цвет
Это свойство определяет значение RGBA цвета, используемое для свечения.
По умолчанию свойство установлено в "white".
| Примеры вывода с различными значениями цвета | ||
|---|---|---|
| цвет: #ffffff | цвет: #55ff55 | цвет: #5555ff |
| радиусСвечения: 20 | радиусСвечения: 20 | радиусСвечения: 20 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| радиусУгла: 25 | радиусУгла: 25 | радиусУгла: 25 |
радиусУгла : вещественное
Это свойство определяет радиус углов, используемый для рисования свечения с закругленными углами.
Значение варьируется от 0.0 до половины эффективной ширины или высоты свечения, в зависимости от наименьшего из них. Это можно вычислить с помощью: min(width, height) / 2.0 + glowRadius
По умолчанию свойство привязано к свойству радиусСвечения. Свечение ведет себя так, как будто прямоугольник размыт при изменении свойства радиусСвечения.
| Примеры вывода с различными значениями радиусУгла | ||
|---|---|---|
| радиусУгла: 0 | радиусУгла: 25 | радиусУгла: 50 |
| радиусСвечения: 20 | радиусСвечения: 20 | радиусСвечения: 20 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
радиусСвечения : вещественное
Это свойство определяет количество пикселей за пределами области элемента, до которых доходит свечение.
Значение колеблется от 0.0 (нет свечения) до бесконечности (бесконечное свечение). По умолчанию свойство установлено в 0.0.
| Примеры вывода с различными значениями радиусСвечения | ||
|---|---|---|
| радиусСвечения: 10 | радиусСвечения: 20 | радиусСвечения: 40 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
| радиусУгла: 25 | радиусУгла: 25 | радиусУгла: 25 |
распространение : вещественное
Это свойство определяет, насколько большая часть цвета свечения усиливается вблизи краёв источника.
Значение варьируется от 0.0 (нет усиления интенсивности) до 1.0 (максимальное усиление интенсивности). По умолчанию свойство установлено в 0.0.
| Примеры вывода с различными значениями распространения | ||
|---|---|---|
| распространение: 0.0 | распространение: 0.5 | распространение: 1.0 |
| радиусСвечения: 20 | радиусСвечения: 20 | радиусСвечения: 20 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
| радиусУгла: 25 | радиусУгла: 25 | радиусУгла: 25 |
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.13/qml-qtgraphicaleffects-rectangularglow.html