Features in .NET MAUI Effects View (SfEffectsView)

17 Dec 20211 minute 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 on growing.

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
    };