Spec-Zone.ru › Qt 5.9

Тип QML RectangularGlow

Генерирует размытый и окрашенный прямоугольник, который создаёт впечатление свечения источника. Подробнее...

Заявление об импорте: import QtGraphicalEffects 1.0
С момента: QtGraphicalEffects 1.0
Наследует:

Элемент

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

Свойства

  • cached : bool
  • цвет : цвет
  • cornerRadius : вещественное
  • радиусСвечения : вещественное
  • распространение : вещественное

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

Данный эффект предназначен для обеспечения хорошей производительности. Форма свечения ограничена прямоугольником с пользовательским радиусом углов. В ситуациях, когда требуются пользовательские формы, рассмотрите эффект Glow.

Применяемый эффект

Примечание: Этот эффект доступен при работе с OpenGL.

Пример

Следующий пример демонстрирует, как применить эффект.

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
радиусСвечения: 20 радиусСвечения: 20 радиусСвечения: 20
распространение: 0 распространение: 0 распространение: 0
cornerRadius: 25 cornerRadius: 25 cornerRadius: 25

cornerRadius : вещественное

Это свойство определяет радиус угла, используемый для рисования свечения с закругленными углами.

Значение находится в диапазоне от 0.0 до половины эффективной ширины или высоты свечения, что меньше. Это можно вычислить с помощью: min(width, height) / 2.0 + glowRadius

По умолчанию свойство привязано к свойству радиусСвечения. Свечение ведет себя так, как будто прямоугольник размыт при корректировке свойства радиусСвечения.

Примеры вывода с различными значениями cornerRadius

cornerRadius: 0 cornerRadius: 25 cornerRadius: 50
радиусСвечения: 20 радиусСвечения: 20 радиусСвечения: 20
распространение: 0 распространение: 0 распространение: 0
цвет: #ffffff цвет: #ffffff цвет: #ffffff

радиусСвечения : вещественное

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

Значение находится в диапазоне от 0.0 (без свечения) до ∞ (бесконечное свечение). По умолчанию свойство установлено в 0.0.

Примеры вывода с различными значениями glowRadius

радиусСвечения: 10 радиусСвечения: 20 радиусСвечения: 40
распространение: 0 распространение: 0 распространение: 0
цвет: #ffffff цвет: #ffffff цвет: #ffffff
cornerRadius: 25 cornerRadius: 25 cornerRadius: 25

распространение : вещественное

Это свойство определяет, насколько большая часть цвета свечения усиливается около границ источника.

Значение находится в диапазоне от 0.0 (без усиления) до 1.0 (максимальное усиление). По умолчанию свойство установлено в 0.0.

Примеры вывода с различными значениями spread

распространение: 0.0 распространение: 0.5 распространение: 1.0
радиусСвечения: 20 радиусСвечения: 20 радиусСвечения: 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/qt-5.9/qml-qtgraphicaleffects-rectangularglow.html

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API