An animated circle loading view

Overview

Animated Circle Loading View

Download Android Arsenal

A determiante/indetermiante loading view animation. Based on android-watch-loading-animation by Nils Banner.

How it looks

gif

gif

Usage

Add AnimatedCircleLoadingView to your layout and define mainColor and secondaryColor as custom attributes:

<com.github.jlmd.animatedcircleloadingview.AnimatedCircleLoadingView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/circle_loading_view"
    android:layout_width="250dp"
    android:layout_height="250dp"
    android:background="@color/background"
    android:layout_centerInParent="true"
    app:animCircleLoadingView_mainColor="@color/main_color"
    app:animCircleLoadingView_secondaryColor="@color/secondary_color"
    app:animCircleLoadingView_textColor="@android:color/white"
    />
Determinate

Start determinate:

animatedCircleLoadingView.startDeterminate();

Modify percent:

animatedCircleLoadingView.setPercent(10);

If percent is 100, the animation ends with success animation. On error you must call stopFailure() method, then the application ends with failure animation.

Indeterminate

Start indeterminate:

animatedCircleLoadingView.startIndeterminate();

Stop with success:

animatedCircleLoadingView.stopOk();

Stop with failure:

animatedCircleLoadingView.stopFailure();

Reset loading:

animatedCircleLoadingView.resetLoading();

Gradle dependency

Add repository to your build.gradle

repositories {
  maven {
    url "http://dl.bintray.com/jlmd/maven"
  }
}

Add dependency to your build.gradle

compile 'com.github.jlmd:AnimatedCircleLoadingView:1.1.5@aar'

Developed by

José Luis Martín - [email protected]

License

Copyright 2015 José Luis Martín

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.
Comments
  • Failed to resolve :com.github.jlmd:AnimatedCircleLoadingView:1.1.5

    Failed to resolve :com.github.jlmd:AnimatedCircleLoadingView:1.1.5

    I have Same problem , I have added it to repository but its not working.

    repositories {
        jcenter()
        maven {
            url "http://dl.bintray.com/jlmd/maven"
        }
    }
    
    invalid 
    opened by abhishobhit 5
  • Percent text color

    Percent text color

    Hi,

    Is it possible to add a setter to PercentIndicatorView to get the TextView and set some colors/attrs? public void setTextColor(int color) { setTextColor(color); } ...

    And ofc a setter in AnimatedCircleLoadingView ?

    Or just a getter on percentIndicatorView ?

    Thx, Bastien.

    enhancement 
    opened by Siddounet 4
  • Added check and failure mark tint color attrs

    Added check and failure mark tint color attrs

    Summary

    • Added checkMarkTintColor and failureMarkTintColor to the attrs.xml so one can edit those directly from the xml, maybe this should also be done in code (?) .
    • Changed FinishedView to render the drawable using a LightingColorFilter with the user specified color to tint the drawable.
    • Added a null check when attempting to resetLoading to avoid a NPE being thrown if viewAnimator was not set
    opened by fcouceiro 3
  • Error: Failed to resolve: com.github.animatedcircleloadingview:1.1.5

    Error: Failed to resolve: com.github.animatedcircleloadingview:1.1.5

    Hi,

    All is in the title, I'm trying to use your library, so I added your library in my build.gradle and I got this error. compile 'com.github.jlmd:AnimatedCircleLoadingView:1.1.5@aar' AerWyn81

    opened by AerWyn81 1
  • Please remove android:label attribute from AndroidManifest

    Please remove android:label attribute from AndroidManifest

    Thanks for you awesome work.

    Can you remove the attribute android:label from your AndroidManifest, in fact you don't need one. When you specify this attribute it's hard to apps change their android:label in build time, as you can note in the error above:

    Error:Execution failed for task ':app:processProdDebugManifest'.

    Manifest merger failed : Attribute application@label value=(YVD) from AndroidManifest.xml:21:9-44 is also present at [com.github.jlmd:AnimatedCircleLoadingView:1.1.5] AndroidManifest.xml:13:9-41 value=(@string/app_name). Suggestion: add 'tools:replace="android:label"' to element at AndroidManifest.xml:18:5-143:19 to override.

    opened by filipebezerra 1
  • Gradle fail to resolve:com.github.jlmd:AnimatedCircleLoadingView:1.1

    Gradle fail to resolve:com.github.jlmd:AnimatedCircleLoadingView:1.1

    Gradle in my android studio failed to resolve AnimatedCircleLoadingView, and there is no search result for AnimatedCircleLoadingView in maven central repository .Why this happened?

    opened by huangxjian 1
  • "Tap view"

    Why are you implemented circle that represent interaction of user with watch? I think it's totally redundant. Anyway - nice work. But removing this circle will be absolutely right choice.

    opened by Apisov 1
  • Showing 8900% on finish

    Showing 8900% on finish

    I have 2 issues

    1. I am trying to use this loader multiple times in same class, the first time I have used startDeterminate() and in other functions used startIndeterminate(). I don't know whether it is the right way or not. My I have 3 HTTP calls and I want to show each progress but in the same class. By doing this it is working but not as expected, the percentage text blinks after 1st call.

    2. When progress is 100% and then it shows tick animation but after 1-2 seconds it shows 8900% text written under the tick.

    Please help, how to deal with it...

    Regards

    opened by deep1931 0
  • Visibility issue

    Visibility issue

    Visibility was setted "VISIBLE" and "INVISIBLE" so it caused to taking up space it's better to be "GONE" instead of "INVISIBLE"

    opened by Tepehan 0
  • Small modifiy

    Small modifiy

    Hey, I just love your work on this project. After I see that this project is not updated till 3 year so I decided just updated the project :)

    Here what I did in short -

    1. Convert everything to AndroidX
    2. Convert java file to kotlin completely
    3. Added small changes like kotlin counrtines

    I just checked after this small update everthing working fine :)

    Thank you so much for wonderful library :+1:

    opened by SudoAjay 0
  • Is this library working?

    Is this library working?

    I tried the steps mentioned and the loader is not visible. I tried putting the methods inside onResume and onWindowAttached as well. No loader seems to be visible. What can i be missing?

    opened by apexkid 1
  • Colors not found; can not compile

    Colors not found; can not compile

    I have added the layout like in your example:

    <com.github.jlmd.animatedcircleloadingview.AnimatedCircleLoadingView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/circle_loading_view"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:background="@color/background"
        android:layout_centerInParent="true"
        app:animCircleLoadingView_mainColor="@color/main_color"
        app:animCircleLoadingView_secondaryColor="@color/secondary_color"
        app:animCircleLoadingView_textColor="@android:color/white"
        />
    

    Additionaly I added the colors to my color.xml file:

    <resources>
      <color name="background">#65828e</color>
      <color name="main_color">#ff9a00</color>
      <color name="secondary_color">#BDBDBD</color>
    </resources>
    

    Error: It can't find mainColor, secondaryColor and textColor.

    opened by Sub-Zero-1 5
  • onAnimationEnd never called

    onAnimationEnd never called

    Why this animation listener never called?

     circleLoadingView.setAnimationListener(new AnimatedCircleLoadingView.AnimationListener() {
            @Override
            public void onAnimationEnd(boolean success) {
                if (success) {
                    circleLoadingView.setVisibility(View.GONE);
                    txtChallenge.animateText(challenge);
                }
            }
        });
    
    opened by pratikbutani 0
  • app:animCircleLoadingView_textColor doesn't work

    app:animCircleLoadingView_textColor doesn't work

    Hi, first of all thank you for this fantastic view! I'm trying to use this in my app, but when I change the attribute app:animCircleLoadingView_textColor to another color (white is by default) nothing happens. When I run the app, the text color always is white. My code:

    <com.github.jlmd.animatedcircleloadingview.AnimatedCircleLoadingView 
            xmlns:app="http://schemas.android.com/apk/lib-auto"
            android:id="@+id/circle_loading_view"
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:layout_below="@+id/workingTexto"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="74dp"
            android:background="@color/colorPrimary"
            app:animCircleLoadingView_mainColor="@color/colorPrimary"
            app:animCircleLoadingView_secondaryColor="@color/colorPrimaryDark"
            app:animCircleLoadingView_textColor="@android:color/black" />
    

    Can you help me? Thanks!

    opened by franyack 0
  • Animation circles are not visible in android versions 6 and higher

    Animation circles are not visible in android versions 6 and higher

    Everything works fine in android versions 4 and 5 but the circle indicators is not visible in android version 6 and more. I think the animation is starting and everything goes as expected but the view for two circles is completely not visible in android versions 6.0. I have tried changing colour also.

    opened by Sree1894 1
Owner
José Luis Martín
José Luis Martín
Loading layout is a container view that manages easy switching between loading, completed and other states of your screen with a single line.

Loading layout is a container view that manages easy switching between loading, completed and other states of your screen with a single line.

ValarTech 16 Jul 5, 2022
A highly configurable library to do loading progress with animated balls

Loading Balls A highly configurable library to do loading progress with animated balls for Android How to use Custom attributes lib:path="triangle" Th

Adrián Lomas 930 Dec 7, 2022
Android loading or progress dialog widget library, provide efficient way to implement iOS like loading dialog and progress wheel

ACProgressLite English Version / 中文版本 An Android loading widget library. Lite and easy to use, strong customizability. Can be used to implement 'iOS'

Cloudist Technology Co., Ltd. 234 Nov 24, 2022
A circle progress animation view on Android

CircleProgress A Circle Progress View with a rotate animation. Just make for fun. Hope you enjoy it. Quick Look Usage <me.fichardu.circleprogress.Circ

null 814 Dec 27, 2022
Material progress circle around any FloatingActionButton. 100% Guidelines.

FABProgressCircle Android library to provide a material progress circle around your FloatingActionButton. This component is compatible with any existe

Jorge Castillo 1.2k Nov 28, 2022
a circle progress bar with effect

RingProgress a circle progress bar with effect #Preview ##Usage xml <com.ldoublem.ringPregressLibrary.RingProgress android:id="@+id/ring_prog

ldoublem 629 Nov 14, 2022
Android loading view

Loading Loading is a poject with kinds of Android loading view. Yan can see the wiki for more detail. RotateLoading BookLoading NewtonCradleLoading Us

null 1.2k Jan 1, 2023
Cool bezier loading view

What's BezierLoadingView ? A cool loading view with Bezier and a smooth circular motion, Demo Features Bezier Circular motion ##Attributes name format

巴掌 828 Oct 10, 2022
ColoringLoading 4.7 0.0 Java This project provide Coloring Loading View for Android. And this project is not using the image file!

ColoringLoading ![Release](https://img.shields.io/github/release/recruit-lifestyle/ColoringLoading.svg?label=maven version) This project provide Color

Recruit Lifestyle Co. Ltd. 379 Jul 25, 2022
:seedling: A custom loading view for android, just like alipay.

#SmileyLoadingView A custom loading view, just like alipay. Usage Edit your layout XML: <cn.refactor.smileyloadingview.lib.SmileyLoadingView

null 411 Apr 24, 2022
KdLoadingView - A Custom Loading View for Android

KdLoadingView This is a circular loading view for android. Motivation In default progress view, its hard to change drawable, color and animation. So t

Saurabh kumar 1 Oct 26, 2022
A customizable, animated progress bar that features rounded corners. This Android library is designed to look great and be simple to use 🎉

RoundedProgressBar Easy, Beautiful, Customizeable The RoundedProgressBar library gives you a wide range of customizable options for making progress ba

null 541 Jan 1, 2023
animated blinking loader

BlinkingLoader animated blinking loader Usage :- <app.m4ntis.blinkingloader.BlinkingLoader android:id="@+id/dotLoading1" android:layout_wi

Rajiv Singh 22 Nov 15, 2022
A square animated loader.

SquareLoading Design Design by Divan Raj from Animated Loader How to use 1.Add the dependency dependencies { compile 'io.github.yuweiguocn:S

yuweiguo 309 Apr 25, 2022
Customizable bouncing dots for smooth loading effect. Mostly used in chat bubbles to indicate the other person is typing.

LoadingDots for Android Customizable bouncing dots view for smooth loading effect. Mostly used in chat bubbles to indicate the other person is typing.

Eyal Biran 162 Dec 2, 2022
An Android library providing to realize wave loading effect.

WaveLoadingView WaveLoadingView - An Android library that provides a realistic wave-loading effect. Sample Usage For a working implementation of this

Tang 1.7k Jan 2, 2023
A wave-like loading drawable

#WaveLoading This library provides a wave loading animation as a Drawable. How to use Add dependency: compile 'com.race604.waveloading:library:1.1.1'

吴晶 1.4k Dec 5, 2022
A loading animation based on Floating Action Button

FAB-Loading A loading animation based on Floating Action Button. Usage Include the LoadingView widget in your view: <io.saeid.fabloading.LoadingView

Saeed Masoumi 689 Oct 14, 2022
Some loading GIF .

Android GifLoadingView This project idea is from Link . Thanks for the idea. I like all the animation in that webpage , but it's so hard to develop al

Roger 1.3k Dec 12, 2022