Description  

Hello, friends in this blog I have shown that how you can get the ripple dark mode effect on your app, We know that ripple dark mode looks so cool and it helps to build your app more attractive and this circular ripple effect enhances your app user interface and user experience so now lets build a ripple dark mode project.

0)How to get Ripple or Wave Dark Mode Effect ?

Open the #Android studio and " create a new project "


  After the sync of your gradle files then select the build.gradle.


 Now add this external library  to your project  

implementation 'com.wuyr:rippleanimation:1.0.0'

then click " Sync Now "

Library credit to https://github.com/wuyr/RippleAnimation

Here you can see the above screenshot. 

Now here I'm creating a simple button, Inside this button i will put the ripple animation effect code.

 

 See the below screenshot here i have added the button click logic means using this button we can change background color (Dark to light, Light to dark color).

For get the circular or wave dark mode effect we need to put this line of code inside the button " onClick " event.

 RippleAnimation.create(view).setDuration(3000).start();  

( view = view name ,  and 3000 = 3sec the duration of animation )

Check the sample code  MainActivity.java.

Note : View name must be same and use " ALT + ENTER " for import pkg name.

Here see the above screenshot, How the code looks after adding this single line of code.


                  Done 😀 ✔       

0)Now let's run the project  🔥


 Click here to download the Demo APK  .

 Click here for MainActivity.java. code

 Click here for more screenshots 

0) Video tutorial :

  

If you face any problems write your comment on comment box 

I HOPE IT'S HELPFUL FOR YOU,  BYE 😀