Тип QML RectangularGlow
Генерирует размытый и окрашенный прямоугольник, который создаёт впечатление свечения источника. Подробнее...
| Заявление об импорте: | import QtGraphicalEffects 1.0 |
| С момента: | QtGraphicalEffects 1.0 |
| Наследует: |
Свойства
- cached : bool
- цвет : цвет
- cornerRadius : real
- glowRadius : real
- распространение : real
Подробное описание
Данный эффект предназначен для обеспечения хорошей производительности. Форма свечения ограничена прямоугольником с настраиваемым радиусом углов. Для случаев, когда требуются пользовательские формы, рассмотрите эффект Glow.
| Применяемый эффект |
|---|
Пример
Следующий пример демонстрирует применение эффекта.
import QtQuick 2.0
import QtGraphicalEffects 1.0
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 |
| glowRadius: 20 | glowRadius: 20 | glowRadius: 20 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| cornerRadius: 25 | cornerRadius: 25 | cornerRadius: 25 |
cornerRadius : real
Это свойство определяет радиус угла, используемый для рисования свечения с закруглёнными углами.
Значение изменяется от 0,0 до половины эффективной ширины или высоты свечения, что меньше. Это можно рассчитать следующим образом: min(width, height) / 2.0 + glowRadius
По умолчанию свойство привязано к свойству glowRadius. Свечение ведет себя так, как будто прямоугольник размыт при изменении свойства glowRadius.
| Примеры вывода с различными значениями cornerRadius | ||
|---|---|---|
| cornerRadius: 0 | cornerRadius: 25 | cornerRadius: 50 |
| glowRadius: 20 | glowRadius: 20 | glowRadius: 20 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
glowRadius : real
Это свойство определяет, на сколько пикселей за пределами области элемента достигает свечение.
Значение изменяется от 0,0 (нет свечения) до бесконечности (бесконечное свечение). По умолчанию свойство установлено в 0.0.
| Примеры вывода с различными значениями glowRadius | ||
|---|---|---|
| glowRadius: 10 | glowRadius: 20 | glowRadius: 40 |
| распространение: 0 | распространение: 0 | распространение: 0 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
| cornerRadius: 25 | cornerRadius: 25 | cornerRadius: 25 |
распространение : real
Это свойство определяет, насколько большая часть цвета свечения усиливается около краёв источника.
Значение изменяется от 0,0 (нет усиления) до 1,0 (максимальное усиление). По умолчанию свойство установлено в 0.0.
| Примеры вывода с различными значениями spread | ||
|---|---|---|
| распространение: 0,0 | распространение: 0,5 | распространение: 1,0 |
| glowRadius: 20 | glowRadius: 20 | glowRadius: 20 |
| цвет: #ffffff | цвет: #ffffff | цвет: #ffffff |
| cornerRadius: 25 | cornerRadius: 25 | cornerRadius: 25 |
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/archives/qt-5.6/qml-qtgraphicaleffects-rectangularglow.html