/CircularFillableLoaders

Realize a beautiful circular fillable loaders to be used for splashscreen

Primary LanguageJavaApache License 2.0Apache-2.0

CircularFillableLoaders

sample

License Platform API
Android Arsenal Twitter

This is an Android project allowing to realize a beautiful circular fillable loaders to be used for splashscreen for example.

Android app on Google Play

USAGE

To make a circular fillable loaders add CircularFillableLoaders in your layout XML and add CircularFillableLoaders library in your project or you can also grab it via Gradle:

implementation 'com.mikhaellopez:circularfillableloaders:1.3.2'

XML

<com.mikhaellopez.circularfillableloaders.CircularFillableLoaders
            android:id="@+id/circularFillableLoaders"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/your_logo"
            app:cfl_border="true"
            app:cfl_border_width="12dp"
            app:cfl_progress="80"
            app:cfl_wave_amplitude="0.06"
            app:cfl_wave_color="#3f51b5" />

You must use the following properties in your XML to change your CircularFillableLoaders.

Properties:
  • app:cfl_progress (integer) -> default 0
  • app:cfl_border (boolean) -> default true
  • app:cfl_border_width (dimension) -> default 4dp
  • app:cfl_wave_color (color) -> default BLACK
  • app:cfl_wave_amplitude (float) -> default 0.05f (between 0.00f and 0.10f)

JAVA

CircularFillableLoaders circularFillableLoaders = (CircularFillableLoaders)findViewById(R.id.yourCircularFillableLoaders);
// Set Progress
circularFillableLoaders.setProgress(60);
// Set Wave and Border Color
circularFillableLoaders.setColor(Color.RED);
// Set Border Width
circularImageView.setBorderWidth(10 * getResources().getDisplayMetrics().density);
// Set Wave Amplitude (between 0.00f and 0.10f)
circularFillableLoaders.setAmplitudeRatio(0.08);

LICENCE

CircularImageView by Lopez Mikhael is licensed under a Apache License 2.0. Based on a work at https://github.com/gelitenight/WaveView.