samlss / BallsLoadingView

⚽A loading view that includes four balls for animating.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BallsLoadingView

A loading view that includes four balls for animating.


Api reqeust MIT Licence Blog

The default 'translate' animation effect

gif1

The default 'scale' animation effect

gif2

The 'scale' animation but custom colors effect

gif3

Use

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

allprojects {
    repositories {
        //...
        maven { url 'https://jitpack.io' }
    }
}

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

dependencies {
    implementation 'com.github.samlss:BallsLoadingView:1.0'
}

in layout.xml:

 <com.iigo.library.BallsLoadingView
          android:layout_marginTop="50dp"
          app:pointRadius="6dp"
          app:animType="scale"
          app:firstPointColor="@android:color/holo_green_dark"
          app:secondPointColor="@android:color/holo_red_dark"
          app:thirdPointColor="@android:color/holo_orange_dark"
          app:fourthPointColor="@android:color/holo_blue_dark"
          android:layout_width="100dp"
          android:layout_height="40dp" />

in java code:

  ballsLoadingView.setAnimType(BallsLoadingView.ANIM_TYPE_SCALE);// Set the animation type.
  
  ballsLoadingView.setBallRadius(6); //Set the ball radius in pixel
  
  ballsLoadingView.setFirstBallColor(Color.RED); //Set the first ball color
  ballsLoadingView.setSecondBallColor(Color.BLACK); //Set the second ball color
  ballsLoadingView.setThirdBallColor(Color.GREEN); //Set the third ball color
  ballsLoadingView.setFourthBallColor(Color.BLUE); //Set the fourth ball color
  
  ballsLoadingView.start(); //start animation
  ballsLoadingView.stop(); //stop animation
  
  ballsLoadingView.release(); //release when you do net need the view anyway.

Attributes description:

attr description
firstBallColor the first ball color
secondBallColor the second ball color
thirdBallColor the third ball color
fourthBallColor the fourth ball color
ballRadius the ball radius
animType the animation type(translate, scale)

Note

I don't have open the animation interpolator and animation Interpolator setting interface. If you need to set it, you can download the source code to modify it.

About

⚽A loading view that includes four balls for animating.

License:MIT License


Languages

Language:Java 100.0%