Spec-Zone.ru › Qt 5.6

Тип 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

Spec-Zone.ru

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