Features in .NET MAUI Effects View (SfEffectsView)

17 Apr 20262 minutes to read

The SfEffectsView control provides the following additional features to enhance the effects:

FadeOutRipple

By enabling the FadeOutRipple property of SfEffectsView, the expandable circle will lose its opacity to 0 as it grows.

XAML

<syncEffectsView:SfEffectsView
    FadeOutRipple="True"
    RippleAnimationDuration="1000">
    </syncEffectsView:SfEffectsView>

C#

var effectsView = new SfEffectsView
    {
    FadeOutRipple = true,
    RippleAnimationDuration = 1000
    };

IsSelected

Enabling the IsSelected property of SfEffectsView sets the view state as selected.

XAML

<syncEffectsView:SfEffectsView
    IsSelected="true">
    </syncEffectsView:SfEffectsView>

C#

var effectsView = new SfEffectsView
    {
    IsSelected = true,
    };

ShouldIgnoreTouches

Enabling the ShouldIgnoreTouches property of SfEffectsView cancels the direct interaction of the SfEffectsView.

XAML

<syncEffectsView:SfEffectsView ShouldIgnoreTouches="true">
     </syncEffectsView:SfEffectsView>

C#

var effectsView = new SfEffectsView
    {
      ShouldIgnoreTouches = true
    };

AutoResetEffects

The AutoResetEffects property controls whether certain visual effects are automatically reset based on touch interactions.

XAML

<syncEffectsView:SfEffectsView
            AutoResetEffects="Highlight">
    </syncEffectsView:SfEffectsView>

C#

var effectsView = new SfEffectsView
{
    AutoResetEffects = AutoResetEffects.Highlight,

};