Acrylic QML Type
An acrylic blur material effect overlay. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- blurRadius : int
- luminosity : real
- noiseOpacity : real
- target : ShaderEffectSource
- targetRect : rect
- tintColor : color
- tintOpacity : real
Detailed Description
Acrylic applies a frosted-glass-like blur effect over the content behind the item. It samples the given target (a ShaderEffectSource), blurs it with a configurable radius, and blends the result with a tint color and subtle noise to produce the signature Fluent Design acrylic material.
Property Documentation
blurRadius : int
The radius of the Gaussian blur applied to the backdrop. Larger values produce a more diffuse effect. Defaults to 32.
luminosity : real
The luminosity contribution blended into the effect. Defaults to 0.01.
noiseOpacity : real
The opacity of the noise texture layered on top of the acrylic material. Defaults to 0.02.
target : ShaderEffectSource
The ShaderEffectSource that provides the source content to blur.
targetRect : rect
The rectangle within the target source that the acrylic effect covers.
tintColor : color
The color used to tint the blurred backdrop. Defaults to white.
tintOpacity : real
The opacity of the tint color applied over the blur. Defaults to 0.65.