Visual Effect

[Aprile Salvatore]

Hi guys, 

Is possibile to create a similar effect to highlights a control in a page ?

This is an example :

http://demo.codearound.it/1.PNG

Regards

[Sridevi Sivakumar]

Hi Aprile Salvatore,

Greetings from Syncfusion.

We have analysed your requirement and we can add the ripple effect by setting the SfEffectView TouchDownEffects property to Ripple. Refer below UG documentation for the ripple effect

https://help.syncfusion.com/xamarin/effects-view/effects#ripple

Sample: https://github.com/SyncfusionExamples/Getting-started-of-SfEffectsView-in-Xamarin.Forms/tree/master/GettingStarted/GettingStarted

Let us know if you need any further assistance.

Regards,
Sridevi S. 

[Aprile Salvatore]

hi, the solution is completed different to expected from me.

I need to have a highlight a part of entire page, instead the your solution it's a simple effect view control

Can you help me ?

[Sridevi Sivakumar]

Hi Simon Dallmair,

We don't have support to give effect (or highlight) for the entire page. Using the effective view control, you can give effect to the required control. If you want to apply ripple effect to the entire page, you can add effective control as behind or top of the other views as shown in the below code.

[XAML]: 

    <Grid> 

        <sfGradient:SfGradientView > 

            <sfGradient:SfGradientView.BackgroundBrush> 

                <sfGradient:SfLinearGradientBrush> 

                    <sfGradient:SfLinearGradientBrush.GradientStops> 

                        <sfGradient:SfGradientStop Color="#0eddeb" Offset="0.0" /> 

                        <sfGradient:SfGradientStop Color="#006ed9" Offset="1" /> 

                    </sfGradient:SfLinearGradientBrush.GradientStops> 

                </sfGradient:SfLinearGradientBrush> 

            </sfGradient:SfGradientView.BackgroundBrush> 

        </sfGradient:SfGradientView> 

        <sfEffectsView:SfEffectsView TouchDownEffects="Ripple"   RippleAnimationDuration="800"> 

            <Frame > 

            </Frame> 

        </sfEffectsView:SfEffectsView> 

    </Grid> 

Let us know if you need any further assistance.

Regards,
Sridevi S.