LoadersPack

How To use

implementation 'com.agrawalsuneet.androidlibs:loaderspack:1.2.3'

ClockLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.ClockLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:clock_animSpeedMultiplier="0.5"
 app:clock_bigCircleColor="@color/colorPrimary"
 app:clock_bigCircleRadius="80dp"
 app:clock_hourHandColor="@color/colorAccent"
 app:clock_hourHandLength="40dp"
 app:clock_innerCircleColor="@color/colorPrimaryDark"
 app:clock_innerCircleRadius="5dp"
 app:clock_minuteHandColor="@color/colorAccent"
 app:clock_minuteHandLength="60dp"
 app:clock_outerCircleBorderColor="@color/colorAccent"
 app:clock_outerCircleBorderWidth="10dp" />

Through Code

 var clock = ClockLoader(this)
 .apply {
 outerCircleBorderWidth = 8.0f
 bigCircleRadius = 150.0f
 minuteHandLength = 120.0f
 hourHandLength = 80.0f
 innerCircleRadius = 15.0f
 outerCircleBorderColor = ContextCompat.getColor(context, R.color.colorAccent)
 bigCircleColor = ContextCompat.getColor(context, R.color.colorPrimary)
 innerCircleColor = ContextCompat.getColor(context, R.color.colorPrimaryDark)
 hourHandColor = ContextCompat.getColor(context, R.color.colorAccent)
 minuteHandColor = ContextCompat.getColor(context, R.color.colorAccent)
 animSpeedMultiplier = 2.0f
 }
 containerLayout.addView(clock)

 ClockLoader clockLoader = new ClockLoader(this);
 clockLoader.setOuterCircleBorderWidth(8.0f);
 clockLoader.setBigCircleRadius(150.0f);
 clockLoader.setMinuteHandLength(120.0f);
 clockLoader.setHourHandLength(80.0f);
 clockLoader.setInnerCircleRadius(15.0f);
 
 clockLoader.setOuterCircleBorderColor(ContextCompat.getColor(this, R.color.colorAccent));
 clockLoader.setBigCircleColor(ContextCompat.getColor(this, R.color.colorPrimary));
 clockLoader.setInnerCircleColor(ContextCompat.getColor(this, R.color.colorPrimaryDark));
 clockLoader.setHourHandColor(ContextCompat.getColor(this, R.color.colorAccent));
 clockLoader.setMinuteHandColor(ContextCompat.getColor(this, R.color.colorAccent));
 
 clockLoader.setAnimSpeedMultiplier(2.0f);
 
 container.addView(clockLoader);

RippleLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.RippleLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:ripple_animDuration="500"
 app:ripple_circleColor="@color/blue"
 app:ripple_circleInitialRadius="50dp"
 app:ripple_fromAlpha="1.0"
 app:ripple_interpolator="@android:anim/decelerate_interpolator"
 app:ripple_startLoadingDefault="true"
 app:ripple_toAplha="0.01" />

Through Code

 val ripple = RippleLoader(baseContext).apply {
 circleInitialRadius = 80
 circleColor = resources.getColor(R.color.black)
 fromAlpha = 1.0f
 toAlpha = 0f
 animationDuration = 1000
 interpolator = DecelerateInterpolator()
 }
 containerLayout.addView(ripple)

 RippleLoader ripple = new RippleLoader(this);
 ripple.setCircleInitialRadius(80);
 ripple.setCircleColor(getResources().getColor(R.color.red));
 ripple.setFromAlpha(1.0f);
 ripple.setToAlpha(0.01f);
 ripple.setAnimationDuration(1000);
 ripple.setInterpolator(new DecelerateInterpolator());
 ripple.setStartLoadingDefault(true);
 
 container.addView(ripple);

MultipleRippleLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.MultipleRippleLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:multipleripple_animDuration="6000"
 app:multipleripple_circleColor="@color/green"
 app:multipleripple_circleInitialRadius="20dp"
 app:multipleripple_fromAlpha="0.8"
 app:multipleripple_interpolator="@android:anim/decelerate_interpolator"
 app:multipleripple_noOfRipples="3"
 app:multipleripple_toAplha="0.1" />

Through Code

 val multipleRippleLoader = MultipleRippleLoader(this,
 40, 
 ContextCompat.getColor(this, R.color.blue), 
 2)
 .apply {
 fromAlpha = 0.9f
 toAlpha = 0.2f
 animationDuration = 2000
 interpolator = LinearInterpolator()
 }
 
 containerLayout.addView(multipleRippleLoader)

 MultipleRippleLoader multipleRippleLoader = new MultipleRippleLoader(this,
 40,
 ContextCompat.getColor(this, R.color.blue),
 2);
 
 multipleRippleLoader.setFromAlpha(0.9f);
 multipleRippleLoader.setToAlpha(0.2f);
 multipleRippleLoader.setAnimationDuration(2000);
 multipleRippleLoader.setInterpolator(new LinearInterpolator());
 
 
 container.addView(multipleRippleLoader);

GaugeLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.GaugeLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:gauge_defaultStartLoading="true"
 app:gauge_higherRangeColor="@color/blue_selected"
 app:gauge_lowerRangeColor="@color/blue_delfault"
 app:gauge_needleColor="@android:color/holo_orange_dark"
 app:gauge_needleJointRadius="20dp"
 app:gauge_needleWidth="8dp"
 app:gauge_rangeIndicatorRadius="60dp"
 app:gauge_rangeIndicatorWidth="40dp" />

Through Code

 val gaugeLoader = GaugeLoader(this, 150, 80,
 20, 50,
 ContextCompat.getColor(this, R.color.blue_delfault),
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, android.R.color.black), true)
 
 containerLayout.addView(gaugeLoader)
 
 //or you can provide custom rotate animation for needle
 
 val gaugeLoader = GaugeLoader(this, 150, 80,
 20, 50,
 ContextCompat.getColor(this, R.color.blue_delfault),
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, android.R.color.black), false)
 
 Handler().postDelayed({
 val anim = RotateAnimation(270.0f, 450.0f, gaugeLoader.needlePivotX, gaugeLoader.needlePivotY)
 anim.duration = 1000
 anim.interpolator = LinearInterpolator()
 anim.repeatMode = Animation.REVERSE
 anim.repeatCount = Animation.INFINITE
 gaugeLoader.startLoading(anim)
 }, 500)
 
 //delay because view will not be initialized
 
 containerLayout.addView(gaugeLoader)

 GaugeLoader gaugeLoader = new GaugeLoader(this, 150, 80,
 20, 50,
 ContextCompat.getColor(this, R.color.blue_delfault),
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, android.R.color.black), true);
 
 container.addView(gaugeLoader);
 //or you can provide custom rotate animation for needle
 
 final GaugeLoader gaugeLoader = new GaugeLoader(this, 150, 80,
 20, 50,
 ContextCompat.getColor(this, R.color.blue_delfault),
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, android.R.color.black), false);
 
 new Handler().postDelayed(new Runnable() {
 @Override
 public void run() {
 RotateAnimation anim = new RotateAnimation(270.0f, 450.0f,
 gaugeLoader.getNeedlePivotX(), gaugeLoader.getNeedlePivotY());
 anim.setDuration(1000);
 anim.setInterpolator(new LinearInterpolator());
 anim.setRepeatMode(Animation.REVERSE);
 anim.setRepeatCount(Animation.INFINITE);
 gaugeLoader.startLoading(anim);
 }
 }, 500);
 
 //delay because view will not be initialized
 container.addView(gaugeLoader); 

CurvesLoaders

Through XML

<com.agrawalsuneet.loaderspack.loaders.CurvesLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:curves_animDuration="1000"
 app:curves_curveColor="@color/blue_selected"
 app:curves_curveSweepAngle="160"
 app:curves_curveWidth="5dp"
 app:curves_distanceBetweenCurves="5dp"
 app:curves_interpolator="@android:anim/linear_interpolator"
 app:curves_noOfCurves="5"
 app:curves_outermostCurveRadius="80dp" />

Through Code

 val curvesLoader = CurvesLoader(
 this,
 4,
 100,
 10,
 10,
 160.0f,
 ContextCompat.getColor(this, R.color.blue_selected))
 .apply {
 animDuration = 1000
 interpolator = LinearInterpolator()
 }
 containerLayout.addView(curvesLoader)

 CurvesLoader curvesLoader = new CurvesLoader(
 this,
 4,
 100,
 10,
 10,
 160.0f,
 ContextCompat.getColor(this, R.color.blue_selected));
 curvesLoader.setAnimDuration(1000);
 curvesLoader.setInterpolator(new LinearInterpolator());
 container.addView(curvesLoader);

RingAndCircleLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.RingAndCircleLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"g
 app:ringandcircle_animDuration="800"
 app:ringandcircle_circleColor="@color/green"
 app:ringandcircle_circleRadius="6dp"
 app:ringandcircle_ringColor="@color/green_default"
 app:ringandcircle_ringRadius="20dp"
 app:ringandcircle_ringWidth="4dp" />

Through Code

 val ringAndCircleLoader = RingAndCircleLoader(
 this,
 20,
 100,
 10,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, R.color.blue_delfault))
 .apply {
 animDuration = 1000
 }
 containerLayout.addView(ringAndCircleLoader)

 RingAndCircleLoader ringAndCircleLoader = new RingAndCircleLoader(
 this,
 20,
 100,
 10,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, R.color.blue_delfault));
 ringAndCircleLoader.setAnimDuration(1000);
 container.addView(ringAndCircleLoader);

ArcProgressLoader

<array name="colors_rgb">
 <item>@color/red</item>
 <item>@color/amber</item>
 <item>@color/green</item>
 <item>@color/grey</item>
 </array>

Through XML

<com.agrawalsuneet.loaderspack.loaders.ArcProgressLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:arcprogress_arcColorsArray="@array/colors_rgb"
 app:arcprogress_arcRadius="60dp"
 app:arcprogress_arcWidth="8dp"
 app:arcprogress_incrementalAngle="7.0"
 app:arcprogress_maxArcAngle="220.0" />

Through Code

 val arcProgressLoader = ArcProgressLoader(this,
 120, 20,
 10.0f, 180.0f,
 resources.getIntArray(R.array.colors_rgb))
 containerLayout.addView(arcProgressLoader)

 ArcProgressLoader arcProgressLoader = new ArcProgressLoader(this,
 120, 20,
 10.0f, 180.0f,
 getResources().getIntArray(R.array.colors_rgb));
 container.addView(arcProgressLoader);

FidgetLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.FidgetLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:fidget_animDuration="3000"
 app:fidget_bodyColor="@color/blue_selected"
 app:fidget_fidgetRadius="30dp"
 app:fidget_interpolator="@android:anim/accelerate_decelerate_interpolator"
 app:fidget_noOfRotation="10"
 app:fidget_sideCirclesColor="@android:color/darker_gray" />

Through Code

 val fidgetLoader = FidgetLoader(this,
 20,
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, R.color.amber))
 .apply {
 animDuration = 3000
 noOfRotation = 1
 interpolator = BounceInterpolator()
 }
 containerLayout.addView(fidgetLoader)

 FidgetLoader fidgetLoader = new FidgetLoader(this,
 20,
 ContextCompat.getColor(this, R.color.blue_selected),
 ContextCompat.getColor(this, R.color.amber));
 fidgetLoader.setAnimDuration(3000);
 fidgetLoader.setNoOfRotation(1);
 fidgetLoader.setInterpolator(new BounceInterpolator());
 container.addView(fidgetLoader);

WifiLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.WifiLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_margin="16dp"
 app:wifi_centerCircleRadius="6dp"
 app:wifi_incrementalAngle="1.0"
 app:wifi_wifiColor="@color/blue_selected" />

Through Code

 val wifiLoader = WifiLoader(this,
 20,
 ContextCompat.getColor(this, R.color.blue_selected))
 .apply {
 incrementalAngle = 2.0f
 }
 containerLayout.addView(wifiLoader)

 WifiLoader wifiLoader = new WifiLoader(this,
 20,
 ContextCompat.getColor(this, R.color.blue_selected));
 wifiLoader.setIncrementalAngle(1.2f);
 container.addView(wifiLoader);

SearchLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.SearchLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:search_defaultStartLoading="true"
 app:search_lensBorderWidth="6dp"
 app:search_lensColor="@color/blue_selected"
 app:search_lensHandleLength="20dp"
 app:search_lensRadius="18dp"
 app:search_xRangeToSearch="140dp"
 app:search_yRangeToSearch="140dp" />

Through Code

 val searchLoader = SearchLoader(this,
 60, 20, 80,
 ContextCompat.getColor(this, R.color.red),
 500, 500, true)
 containerLayout.addView(searchLoader)

 SearchLoader searchLoader = new SearchLoader(this,
 60, 20, 80,
 ContextCompat.getColor(this, R.color.red),
 500, 500, true);
 container.addView(searchLoader);

PulseLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.PulseLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:pulse_LineThickness="6dp"
 app:pulse_normalIncrementalValue="4.0"
 app:pulse_pulseColor="@color/blue_selected"
 app:pulse_pulseIncrementalValue="20.0"
 app:pulse_sideLength="100dp" />

Through Code

 val pulseLoader = PulseLoader(this,
 15,
 400,
 4.0f,
 15.0f,
 ContextCompat.getColor(this, R.color.blue_selected))
 containerLayout.addView(pulseLoader)

 PulseLoader pulseLoader = new PulseLoader(this,
 15,
 400,
 4.0f,
 15.0f,
 ContextCompat.getColor(this, R.color.blue_selected));
 container.addView(pulseLoader);

RotatingCircularSticksLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.RotatingCircularSticksLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 app:rotatingsticks_noOfSticks="50"
 app:rotatingsticks_innerCircleRadius="15dp"
 app:rotatingsticks_outerCircleRadius="30dp"
 app:rotatingsticks_stickColor="@color/grey"
 app:rotatingsticks_viewBackgroundColor="@color/white"
 app:rotatingsticks_animDuration="5000"/>

Through Code

 val loader = RotatingCircularSticksLoader(this, 16, 100f, 50f,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, android.R.color.white))
 .apply {
 animDuration = 5000
 }
 
 containerLayout.addView(loader)

 RotatingCircularSticksLoader loader = new RotatingCircularSticksLoader(this,
 16, 100f, 50f,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, android.R.color.white));
 
 loader.setAnimDuration(5000);
 container.addView(loader);

CircularSticksLoader

Through XML

<com.agrawalsuneet.loaderspack.loaders.CircularSticksLoader
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_margin="16dp"
 app:circularsticks_animDuration="100"
 app:circularsticks_firstShadowColor="#aa000000"
 app:circularsticks_innerCircleRadius="50dp"
 app:circularsticks_noOfSticks="32"
 app:circularsticks_outerCircleRadius="80dp"
 app:circularsticks_secondShadowColor="#77000000"
 app:circularsticks_selectedStickColor="@color/black"
 app:circularsticks_showRunningShadow="true"
 app:circularsticks_stickColor="@color/grey"
 app:circularsticks_viewBackgroundColor="@color/white" />

Through Code

 val loader = CircularSticksLoader(this, 16, 200f, 100f,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, R.color.red),
 ContextCompat.getColor(this, android.R.color.white))
 .apply {
 showRunningShadow = true
 firstShadowColor = ContextCompat.getColor(context, R.color.green)
 secondShadowColor = ContextCompat.getColor(context, R.color.yellow)
 animDuration = 100
 }
 
 containerLayout.addView(loader)

 CircularSticksLoader loader = new CircularSticksLoader(this, 16,
 200f, 100f,
 ContextCompat.getColor(this, R.color.blue),
 ContextCompat.getColor(this, R.color.red),
 ContextCompat.getColor(this, android.R.color.white));
 
 loader.setShowRunningShadow(true);
 loader.setFirstShadowColor(ContextCompat.getColor(this, R.color.green));
 loader.setSecondShadowColor(ContextCompat.getColor(this, R.color.yellow));
 loader.setAnimDuration(100);
 
 container.addView(loader);

Copyright 2018 Suneet Agrawal
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.