Glass Class - Fuse Documentation

Jump to:
Table of Contents

Applies a glass backdrop effect to an Element.

The following example displays a glass effect.

<ClientPanel>
    <Panel Width="150" Height="70" Alignment="Center">
        <Glass Radius="10" />
    </Panel>
    <Image ux:Name="image" Alignment="Center" Margin="20" Background="Purple" Url="https://fuseopen.com/assets/white-logo.png" />
</ClientPanel>

We need to set the Background property of the Glass behavior to the Element that will act as a background so it will get blurred out. If we don't set it, The Glass behavior will try to find the background from the sibling element where Glass behavior is attached

Location

Namespace: Fuse.Effects
Package: Fuse.Controls.Primitives 2.9.1

Show Uno properties and methods

Interface of Glass

Background : Element ux

The Element as a background that will be blurred out

Glass Constructor uno

Creates a new Glass

LumaRange : float3 ux

Radius : float ux

The radius/size of the blur

Inherited from Node

Add(Binding) uno

Bindings : IList of Binding ux

The list of bindings belonging to this node.

ContextParent : Node uno

The context parent is the semantic parent of this node. It is where non-UI structure should be resolved, like looking for the DataContext, a Navigation, or other semantic item.

FindByType<T> : T uno

FindNodeByName(Selector, Predicate<Node> (Node)) : Node uno

Finds the first node with a given name that satisfies the given acceptor. The serach algorithm works as follows: Nodes in the subtree are matched first, then it matches the nodes in the subtrees ofthe ancestor nodes by turn all the way to the root. If no matching node is found, the function returns null.

GetNearestAncestorOfType<T> : T uno

Insert(int, Binding) uno

IsRootingCompleted : bool uno

Whether rooting for this node is completed. Returns false if unrooting has started.

IsRootingStarted : bool uno

Whether rooting of this node has started. Note that even if this property returns true, rooting may not yet be completed for the node. See also IsRootingCompleted.

Name : Selector ux

Run-time name of the node. This property is automatically set using the ux:Name attribute.

NextSibling<T> : T uno

Returns the next sibling node of the given type.

OnDataChanged(string, object) uno

OnRooted uno

If you override OnRooted you must call base.OnRooted() first in your derived class. No other processing should happen first, otherwise you might end up in an undefined state.