Skip to content

UniDeskAcrylic Type

Acrylic blur effect control. Implements a Windows-style acrylic translucent effect by blurring a target area with FastBlur, layered with color tint, luminosity, and noise texture.

ItemDescription
Control TypeVisual Control
Source FileUniDesk/Controls/UniDeskAcrylic.qml
InheritsQtQuick Item
QML Importimport UniDesk.Controls 1.0

Custom Properties

PropertyTypeDefaultDescription
tintColorcolorQt.rgba(1, 1, 1, 1)Tint color
tintOpacityreal0.65Tint opacity
luminosityreal0.01Brightness overlay
noiseOpacityreal0.02Noise texture opacity
targetvarTarget Item for acrylic rendering
blurRadiusint32Blur radius
targetRectrectItem boundsRender rect range
cornerRadiusint5Corner radius

Implementation

  1. Uses ShaderEffectSource to capture the target area
  2. Applies FastBlur for Gaussian blur
  3. Overlays luminosity, tint, and noise layers

Example

qml
import UniDesk.Controls 1.0

UniDeskAcrylic {
    anchors.fill: parent
    target: parent
    blurRadius: 32
    cornerRadius: 8
    tintColor: UniDeskGlobals.isLight ? Qt.rgba(1,1,1,1) : Qt.rgba(0,0,0,1)
    tintOpacity: 0.65
    luminosity: 0.01
    noiseOpacity: 0.02
}

Released under the CC BY-SA 4.0 open documentation license.