How to get rid of the listview ripple effect in Xamarin.Forms

Question

I have a Xamarin.Forms app with a ListView. When a listItem in pressed, on Android there is a ripple effect. It is a requirement to suppress that ripple.

I've tried it with a style in the Android project:

 <style name="MainTheme" parent="MainTheme.Base">
     <item name="android:listViewStyle">@style/ListViewStyle.Light</item>
 </style>

 <style name="ListViewStyle.Light" parent="android:style/Widget.ListView">
    <item name="android:listSelector">@drawable/actionbar_background_green</item>
 </style>

No luck - the style does not get picked up. I tried a custom ViewCell renderer:

protected override void OnCellPropertyChanged(object sender, PropertyChangedEventArgs args)
    {
        base.OnCellPropertyChanged(sender, args);

        if (args.PropertyName == "IsSelected")
        {
            _selected = !_selected;

            if (_selected)
            {
                _cellCore.SetBackgroundColor(Color.Transparent);
            }
            else
            {
                _cellCore.SetBackground(_unselectedBackground);
            }
        }
    }

That didn't work either. The ripple effect is still there and only when the ripple is over, the selected item picks up the color new background color.

The question concerns Xamarin.Forms, not Xamarin.Android nor Java.

See here: https://raw.githubusercontent.com/traex/RippleEffect/master/demo.gif — Ketobomb, Jul 14 '17 at 07:51
try to play with backgrounds. see here https://stackoverflow.com/questions/35793984/remove-ripple-effect-from-radiobutton-android — Yuri S, Jul 14 '17 at 15:51

user13595734 · Answer 1 · 2020-12-13T17:52:57.630

This is an old question, but I hope this answer helps someone else looking for a solution. You can add a Frame to your ViewCell that fills it entirely and add an empty tap gesture recognizer to that Frame. That way the ViewCell won't detect any taps, so the ripple effect won't be triggered.

Layout example:

<ListView ItemsSource="{Binding ItemsSource}" HasUnevenRows="True" SelectionMode="None">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <AbsoluteLayout>
                    <Frame AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1" BackgroundColor="Transparent">
                        <Frame.GestureRecognizers>
                            <TapGestureRecognizer/>
                        </Frame.GestureRecognizers>
                    </Frame>
                    <!-- Your controls !-->
                </AbsoluteLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Why you don't add a code example? If you add a code example, for further persons it's easier to understand the problem. — SwissCodeMen, Dec 12 '20 at 13:08

How to get rid of the listview ripple effect in Xamarin.Forms

1 Answers1

Linked