LiquidGlass QML Type

A liquid glass refraction shader effect. More...

Import Statement: import FluentUI.Controls 1.0

List of all members, including inherited members

Properties

cached : bool
distortion : real
refraction : real
source : Item

Detailed Description

LiquidGlass applies a dynamic refraction and distortion effect to visual content, simulating the appearance of looking through a liquid or glass surface. The refraction and distortion parameters control the visual characteristics of the effect.

Usage Example

 import QtQuick
 import FluentUI.Controls

 Rectangle {
     width: 200
     height: 200
     color: "blue"
     layer.enabled: true
     layer.effect: LiquidGlass {
         refraction: 0.5
         distortion: 0.3
     }
 }

Property Documentation

cached : bool

Whether the shader output should be cached. When true, the effect is rendered once and cached, improving performance at the cost of memory.

distortion : real

The distortion amount of the liquid glass effect. Controls the visual warping and noise applied to the source content.

refraction : real

The refraction intensity of the liquid glass effect. Controls how much the underlying content appears bent or displaced.

source : Item

The source Item that the liquid glass effect is applied to.

Contents