AnimatedCircleLoadingView

介绍:

一个有限/无限加载动画效果。基于Nils Banner的android-watch-loading-animation设计图。该设计本来是针对智能手表的。

运行效果:

使用说明:

设计图地址:http://www.materialup.com/posts/android-watch-loading-animation 

在布局中添加AnimatedCircleLoadingView,同时定义mainColor以及secondaryColor两个自定义属性:

<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:mainColor="@color/main_color"
    app:secondaryColor="@color/secondary_color"
    />

有限加载进度

开始百分比进度:

animatedCircleLoadingView.startDeterminate();

修改百分比:

animatedCircleLoadingView.setPercent(10);

如果百分比时100,这个动画将以“成功”动画结束。如果遇到错误调用stopFailure() 方法,将会显示一个“错误”动画。

Indeterminate无限加载进度

开始无限加载效果:

animatedCircleLoadingView.startIndeterminate();

停止无限加载效果,成功:

animatedCircleLoadingView.stopOk();

停止无限加载效果,失败:

animatedCircleLoadingView.stopFailure();

Gradle 依赖

添加仓库地址到build.gradle

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

在build.gradle中添加依赖

compile 'com.github.jlmd:AnimatedCircleLoadingView:1.0@aar'
已下载
0