This indicator effect view allows for a high variety of customizations in order to fit the needs of all users. It is simple to use and easy to customize. Here are some of the features of the indicator effect view.

• Create an effect with an unlimited amount of indicator ripples given a specified time
• Create a indicator effect with a border
• Control the minimum and maximum opacity of the indicator ripple from start to end
• Interpolate the indicator ripple between a start and end color
• Choose between a circular or rectangular indicator ripple with possibility of rounded corners.
• Choose between indicator ripples, filled indicator ripples, or outline indicator ripples.
• Make the indicator ripple animation repeat as many times as you want.
• Add an action to be perform upon starting a indicator effect animation
• Add an action to be perform upon the end of a indicator effect animation
• Add an interpolator to the ripple animation
• Etc...

In code APIs offered by Indicator View.

The indicator effect has a high number of apis that give full control of how the ripple is shown to the user.

XML Layout APIs offered by the Indicator View.

The indicator view can be added directly on the xml layout. The properties below will allow you to modify the indicator to your taste.

Add it in your root build.gradle at the end of repositories:

    dependencies {
       classpath 'com.github.dcendents:android-maven-gradle-plugin:${version}'
    }
    
    allprojects {
    		 repositories {
    			  maven { url 'https://jitpack.io' }
    		}
    }

Add as a dependency in you applications build.gradle.

   dependencies {
   	  implementation "com.github.EudyContreras:Indicator-Effect-View:v1.1.0"
   }

Add the Ripple View to your layout:

    <com.eudycontreras.indicatorview
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"
        app:iv_indicatorType="IndicatorRipple"
        app:iv_indicatorRepeatMode="restart"
        app:iv_indicatorShapeType="circle"
        app:iv_autoStartAnimation="true"
        app:iv_indicatorDuration="3000"
        app:iv_indicatorColor="@color/blue"
        />

Or add the indicator directly through code:

    IndicatorView indicator = new IndicatorView(this);
    
    indicator.setIndicatorType(IndicatorView.INDICATOR_TYPE_AROUND);
    indicator.setIndicatorClipRadius(DimensionUtility.convertDpToPixel(this,50));
    indicator.setIndicatorColor(ContextCompat.getColor(this,R.color.accent));
    indicator.setIndicatorCount(3);
    indicator.setIndicatorMinOpacity(0.1f);
    indicator.setIndicatorMaxOpacity(0.8f);
    indicator.setIndicatorRepeatMode(IndicatorView.REPEAT_MODE_RESTART);
    indicator.setIndicatorRepeats(IndicatorView.INFINITE_REPEATS);
    indicator.setIndicatorDuration(2500);
    indicator.setUpWith(findViewById(R.id.login_activity));

When using the IndicatorView through code it is importatnt to set a target at the right place. The target must be set once the view's dimensions and location have been computed.

    private float radiusRatio = 1.7;
    private float clipRatio = 0.5;
        
    void onPause(){
        super.onPause();
        indicator.stopIndicatorAnimation()
    }
    
    void onResume() {
        super.onResume()
        
        View view = findViewById(R.id.someElement);
       
        view.post {
            indicator.setTarget(this, view, radiusRatio, clipRatio)
            indicator.startIndicatorAnimation()
        }
    }

Eudy Contreras

If you wish to contact you may reach me through my Linked or my Email

There are parts of this library that are yet to be finished and there are also some things which I plan to add to the library. These things will be shown here along with popular demands.

• Port the code kotlin
• Add to different repositories besides jitpack
• Allow the user to set a repeat interval/wait time
• Add builder pattern for creating indicator
• Allow the effect to translate with its target upon animations

This project is licensed under the MIT License - see the Licence file for details