Skip to content

📊A bar chart loading view that you can specify the number of bars.

License

Notifications You must be signed in to change notification settings

samlss/BarChartLoadingView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BarChartLoadingView

A bar chart loading view that you can specify the number of bars.


Api reqeust MIT Licence Blog

gif1

gif2

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:BarChartLoadingView:1.0'
}

in layout.xml:

 <com.iigo.library.BarChartLoadingView
            android:id="@+id/bclv_loading1"
            app:barNumber="4"
            android:layout_centerInParent="true"
            android:layout_width="100dp"
            android:layout_height="100dp" />

in java code:

  barChartLoadingView.setBarNumber(6); //set bar number
  barChartLoadingView.setColorSchemeColors(new int[]{Color.RED, Color.GREEN, Color.BLUE, Color.MAGENTA, Color.GRAY, Color.YELLOW}); //set the color array
  
  barChartLoadingView.start(); //start animation
  barChartLoadingView.stop(); //stop animation
  
  barChartLoadingView.release(); //release when you do net need the view anyway.

About the setColorSchemeColors method:

I will use the following code as an example:

barChartLoadingView.setColorSchemeColors(new int[]{
            Color.parseColor("#F47E60"), //color1
            Color.parseColor("#E15B64"), //color2
            Color.parseColor("#ABBD81"), //color3
            Color.parseColor("#F8B26A"), //color4
    });

picture

For each bar, the color of the corresponding color array subscript is set according to the set color array. If the number of bars exceeds the size of the color array, the color setting is performed by taking the color array as the remainder.

Attributes description:

attr description
barNumber specify how many bars you want to set

Note

I don't limit the number of bars (the default number is 4). When you set the barNumber, you should combine the actual quantity requirements and performance impact to set a suitable number.

In addition, if you need to set the relevant properties of the bar animation, you can modify it by downloading the source code.


valueAnimator.setStartDelay(startDelay);

At present, the bars animation is to make the visual animated irregularity by setting different random startDelay values, so it is possible that the startDelay values are very close, resulting in a very small irregularity gap. If you need more accurate irregularity animation, you can customize it by downloading source code.

About

📊A bar chart loading view that you can specify the number of bars.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages