Android button ripple effect

The next step is to invoke these custom layouts as the background for the Custom Ripple With Border and Custom Ripple Without Border buttons inside the activity_main. Steps to Implement the button ripples (touch feedbacks) in Android. One for the default touch feedback with border, the second is for default touch feedback without border, the third is for custom touch feedback with border, fourth is for the custom touch feedback without border. This is a simple and smooth animation effect applied on buttons and every widget which has its own clicked functionality.

Please add below code inside your adle ( Module : app ) file. ripple item /ripple This will ensure your background color is?attr/colorPrimary and has the default ripple animation using the default?attr/colorControlHighlight (which you can also set in your theme if you'd like). Here your go w We are going start coding. item android:id id/mask" / /ripple The second layout is custom_borderless_ripple.

RippleView /RelativeLayout Screenshot: Related Posts). Screenshot of adle ( Module : app ) file after adding above code. This creates ripple effect without border. Android ripple effect comes with Android Lollipop.0 android button ripple effect and still used in all the upper lollipop devices by default. The touch feedback in Android is a must whenever the user clicks on the item or button ripple effect when clicking on the same, gives confidence to the user that the button has been clicked so that.

A colored style which uses your theme's colorButtonNormal for the disabled color and colorAccent for the enabled color. Package import import ndle; public class MainActivity extends AppCompatActivity @Override protected void onCreate(Bundle savedInstanceState) setContentView(tivity_main Code for activity_main. Android:clickable"true" / Also, when using android:clickable"true" add android:focusable"true" android button ripple effect because: a widget that is declared to be clickable but not declared to be focusable is not accessible via the keyboard. This allows you apply it to your button directly via Button.

Note: These tags are need to be set under the TextView. selector item item item /selector. In the main layout of the application, there are 4 TextViews that have been implemented.

How to Create a, button with

Open your projects adle ( Module : app ) android button ripple effect file. Step 2: Working with the activity_main.

So in this article, we are going to discuss what type of ripples can be implemented and android button ripple effect where it can be used. Xml and invoke the following code inside.

RippleView android:id id/more" android:layout_margin"5dp" rv_centered"true" Button android:text"Button with Ripple Effect" android:id id/button" android:background 2196F3" android:textColor ffffff" style style/lored" android button ripple effect / /brary. Step 1: Create an empty activity project.


We're No.1 manufacturer in the field of the Electric Wire and Cable in Laos. Its quality has been recognized by both the public and the private sectors for more than 20 years, and manufacturing facilities are certified to the ISO 9001 quality standard.

Contact Us

Opening Hours

Monday 08:00 - 17:00
Tuesday 08:00 - 17:00
Wednesday 08:00 - 17:00
Thursday 08:00 - 17:00
Friday 08:00 - 17:00
Saturday 08:00 - 17:00
Template Settings


For each color, the params below will give default values
Orange Green Red Cyan Blue


Background Color
Text Color


Background Color


Select menu
Google Font
Body Font-size
Body Font-family