How to Implement Ripple Effect in Android

In this tip, I’m going to show you to implement ripple effect/animation in your android application. Now, you can easily add ripple effect/animation in your android, layouts, buttons, textviews, etc. and you can also change its color. Note that, this ripple effect will only show on device running lollipop and above.

 


Here, I have mentioned two different methods to implement ripple animation in your android application.


Method 1 - To Implement Ripple Effect/Animation in Android



To implement effect on press/click just add android:background="?attr/selectableItemBackground" or android:background="?attr/selectableItemBackgroundBorderless" in android View or ViewGroup as background.


Method 2: To Implement Ripple Effect/Animation in Android


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

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

Comments

Post a Comment

Popular posts from this blog

Minneapolis hiring social media influencers for former police officers’ trials

Image
George Floyd died in police custody in May 2020 | Getty Minneapolis is hiring social media influencers to share “city-generated and approved messages” during the trials of four former city police officers charged in the May 2020 killing of George Floyd, according to the Minnesota Reformer . The Minneapolis city council approved the plan on Friday, which calls for six influencers to be paid about $2,000 each to spread the city’s messages with Black, Native American, Hmong, and Latino communities. The goal is to “address/dispel incorrect information” by using “trusted messengers,” part of a program the city refers to as its Joint Information System to share “timely and relevant information” with the public during the trials. “Through the Communications and Neighborhood and Community Relations... Continue reading…
Read more

Best Navigation Drawer Libraries for Android Project

Image
A lot of android applications like Google +, Facebook, Gmail, YouTube already introduced sliding menu /navigation drawer in their application . And most of them used navigation drawer in left side of app but some application have used in right and other also. Here I have collected some Android Navigation Drawer Libraries. There are a lot of third party android navigation drawer library available in the internet and I have mentioned some useful and most popular libraries here. You can choose any of them for your project. Android Navigation Drawer Libraries Following are the best navigation drawer libraries for android. Material Drawer by Milk Penz This is flexible , easy to use, all in one drawer library for your android project. This library has a header with profile, a mini drawer for tablets, provides custom drawer items custom colors, customs themes, etc. Get Material Drawer From GitHub Navigation Drawer-Material Design by Rudson Lima This library als...
Read more

L’Oreal’s newest gadget takes the mess out of coloring your hair

Image
The L’Oreal ColorSonic is meant to make at-home hair coloring more convenient. | Image: L’Oreal While you might not expect it, L’Oreal has been a regular at CES these past few years, launching everything from wearable UV and pH sensors to an AI-powered skin care gadget . This year, the company is back with yet another invention, the Colorsonic — a device meant to make dying your hair at home a hell of a lot more convenient. The Colorsonic doesn’t look too far off from other hair styling gadgets. The top half has a nozzle with bristles, while the bottom half stores a cartridge containing a “precise mix of developer and formula.” The device works by dispensing the correct amount of hair color and then the bristles oscillate over 300 times a minute at a specific angle to evenly apply the color. Basically, the idea behind the device is... Continue reading…
Read more