Components/Visual effects

EAcrylic Acrylic

import EUI 1.0

Examples

Acrylic

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { width: 480 spacing: 16 Item { height: 240 width: parent.width Image { id: backdrop anchors.fill: parent fillMode: Image.PreserveAspectCrop source: "qrc:/example/images/gallery/lake.jpg" } EAcrylic { id: acrylic radius: 8 width: 320 height: 170 blurRadius: 24 tintOpacity: 0.65 sourceItem: backdrop anchors.centerIn: parent } } EButton { text: qsTr("Refresh backdrop") onClicked: acrylic.refresh() } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

blurRadiusint

Backdrop blur radius in pixels.

Default32

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

livebool

Capture the source continuously; false caches it and refreshes on geometry changes or refresh().

Defaultfalse

noiseOpacityqreal

Noise layer opacity from 0 to 1.

Default0.025

radiusqreal

Corner radius in pixels.

Default8

sourceItemQQuickItem *

QQuickItem sampled for the backdrop.

Defaultnull

tintColorQColor

Tint color over the acrylic backdrop.

DefaultDynamic binding

tintOpacityqreal

Tint layer opacity from 0 to 1.

Default0.7

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

readyboolRead only

Whether the renderer or chart is ready.

DefaultComputed at runtime