Ripple effect has a small delay that makes it invisible

Question

I am using android:background="?attr/selectableItemBackground" on a LinearLayout (which acts as a button) to get the ripple effect. When this button is clicked, the current activity slides left during a transition. The problem is that the ripple effect takes some time to be triggered and at the time it becomes visibile, the activity transition has already started, which makes the use of the touch feedback completely useless. I don't want to add a delay to the activity transition, that would be stupid IMO.

XML file looks like this:

<android.support.v7.widget.CardView>

    <LinearLayout
        android:clickable="true"
        android:background="?attr/selectableItemBackground"/>
</android.support.v7.widget.CardView>

How can I make the ripple effect useful and visible ?

Answer 1

Try to use own drawable for background:

<android.support.v7.widget.CardView>

    <LinearLayout
        android:clickable="true"
        android:background="@drawable/ripple"/>
</android.support.v7.widget.CardView>

And ripple.xml:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#80585554">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#your color"/>
        </shape>
    </item>
</ripple>