专栏名称: 程序员技术
最有影响力的程序员自媒体,关注程序员相关话题:程序人生、IT技术、IT职场、学习资源等。
目录
相关文章推荐
程序猿  ·  真cv工程师 ·  2 天前  
程序猿  ·  Win11 ... ·  5 天前  
OSC开源社区  ·  Linux版微信正式官宣——基于Qt开发、启 ... ·  1 周前  
OSC开源社区  ·  2024年度中国GenAI消费应用人气评选 ·  1 周前  
51好读  ›  专栏  ›  程序员技术

漂亮的Android加载动画

程序员技术  · 公众号  · 程序员  · 2017-09-25 19:01

正文

点击上方“程序员共读”,选择“置顶公众号”

关键时刻,第一时间送达!


效果图:



Usage

Step 1

Add dependencies in build.gradle.

    dependencies {       compile 'com.wang.avi:library:2.1.3'    }

Step 2

Add the AVLoadingIndicatorView to your layout:

Simple

    <com.wang.avi.AVLoadingIndicatorView        android:layout_width="wrap_content"          android:layout_height="wrap_content"        app:indicatorName="BallPulseIndicator"        />

Advance

    <com.wang.avi.AVLoadingIndicatorView        android:id="@+id/avi"        android:layout_width="wrap_content"  //or your custom size        android:layout_height="wrap_content"  //or your custom size        style="@style/AVLoadingIndicatorView"// or AVLoadingIndicatorView.Large or AVLoadingIndicatorView.Small        android:visibility="visible"  //visible or gone        app:indicatorName="BallPulseIndicator"//Indicator Name        app:indicatorColor="your color"        />

Step 3

It's very simple use just like .

   void startAnim(){        avi.show();        // or avi.smoothToShow();   }   void stopAnim(){        avi.hide();        // or avi.smoothToHide();   }

Custom Indicator

See MyCustomIndicator in Sample .

Proguard

When using proguard need add rules:

-keep class com.wang.avi.** { *; }-keep class com.wang.avi.indicators.** { *; }

Indicators is load from class names, proguard may change it (rename).

Indicators

As seen above in the Demo, the indicators are as follows:

Row 1

  • BallPulseIndicator

  • BallGridPulseIndicator

  • BallClipRotateIndicator

  • BallClipRotatePulseIndicator

Row 2

  • SquareSpinIndicator

  • BallClipRotateMultipleIndicator

  • BallPulseRiseIndicator

  • BallRotateIndicator

Row 3

  • CubeTransitionIndicator

  • BallZigZagIndicator

  • BallZigZagDeflectIndicator

  • BallTrianglePathIndicator

Row 4

  • BallScaleIndicator

  • LineScaleIndicator

  • LineScalePartyIndicator

  • BallScaleMultipleIndicator

Row 5

  • BallPulseSyncIndicator

  • BallBeatIndicator

  • LineScalePulseOutIndicator

  • LineScalePulseOutRapidIndicator

Row 6

  • BallScaleRippleIndicator

  • BallScaleRippleMultipleIndicator

  • BallSpinFadeLoaderIndicator

  • LineSpinFadeLoaderIndicator

Row 7

  • TriangleSkewSpinIndicator

  • PacmanIndicator

  • BallGridBeatIndicator

  • SemiCircleSpinIndicator

Row 8

  • com.wang.avi.sample.MyCustomIndicator

  • 來源:NVActivityIndicatorView

  • 程序员共读整理发布,转载请联系作者授权

【点击成为安卓大神】