Ripple Effect

drawable-v21>ripple_with_border.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
     android:color="#ColorCode">
     <!--Without mask, it will create a cborderless ripple-->
    <item android:id="@android:id/mask"
        android:drawable="@android:color/white"/>
</ripple>

drawable-v21>ripple_without_border.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
     android:color="#ColorCode">
      
</ripple>

ripple.xml

<!--Add the following attribute to the views whose ripple animation you want to enable
  WITH BORDER-->
android:background="?android:attr/selectableItemBackground"
<!--Enable clickable or set onClickListener-->
android:clickable="true" 


<!--Add the following attribute to the views whose ripple animation you want to enable
  WITHOUT BORDER-->
android:background="?android:attr/selectableItemBackgroundBorderless"
<!--Enable clickable or set onClickListener-->
android:clickable="true" 

styles.xml

<!--Conrtols the color of the ripple-->
  <item name="colorControlHighlight">#ColorCode</item>