Features in .NET MAUI Effects View (SfEffectsView)

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.

<ContentPage 
    xmlns:effectsView="clr-namespace:Syncfusion.Maui.Toolkit.EffectsView;assembly=Syncfusion.Maui.Toolkit">
    <ContentPage.Content> 
	<effectsView:SfEffectsView
    	FadeOutRipple="True"
    	RippleAnimationDuration="1000"/>
	</ContentPage.Content> 
</ContentPage>
using Syncfusion.Maui.Toolkit.EffectsView;

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

 this.Content = effectsView;

FadeOutRipple

IsSelected

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

<ContentPage 
    xmlns:effectsView="clr-namespace:Syncfusion.Maui.Toolkit.EffectsView;assembly=Syncfusion.Maui.Toolkit">
    <ContentPage.Content> 
	<effectsView:SfEffectsView IsSelected="true"/>
	</ContentPage.Content> 
</ContentPage>
using Syncfusion.Maui.Toolkit.EffectsView;

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

this.Content = effectsView;

ShouldIgnoreTouches

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

<ContentPage 
    xmlns:effectsView="clr-namespace:Syncfusion.Maui.Toolkit.EffectsView;assembly=Syncfusion.Maui.Toolkit">
    <ContentPage.Content> 
	<effectsView:SfEffectsView ShouldIgnoreTouches="true"/>
	</ContentPage.Content> 
</ContentPage>
using Syncfusion.Maui.Toolkit.EffectsView;

var effectsView = new SfEffectsView
{
    ShouldIgnoreTouches = true
};

this.Content = effectsView;