android Button add ripple effects

Method 1:  To Add Ripple Effect/Animation to a Android Button

Just replace your button background attribute with android:background="?attr/selectableItemBackground" and your code looks like this.

	<Button
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="?attr/selectableItemBackground"
	android:text="Click Me" />

view rawbutton_ripple_effect.xml hosted with ❤ by GitHub

Method 2:  To Add Ripple Effect/Animation to a Android Button

Using this method, you can customize ripple effect color. First, you have to create a xml file in your drawable resource directory. Create a ripple_effect.xml file and add following code.
res/drawable/ripple_effect.xml

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

view rawripple_effect.xml hosted with ❤ by GitHub

And set background of button to above drawable resource file. Final code of xml layout activity looks like this.
res/layout/ button_ripple_effect.xml

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="#fff"
	android:orientation="vertical">
	<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:text="Click the below buttons to see ripple effect" />
	<Button
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="@drawable/ripple_effect"
	android:padding="16dp"
	android:text="Click Me" />
	<Button
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_marginTop="16dp"
	android:background="@drawable/ripple_effect"
	android:padding="16dp"
	android:text="Click Me" />
	</LinearLayout>

view rawbutton_ripple_effect.xml hosted with ❤ by GitHub