【FastDev4Android框架开发】非常漂亮的进度指示器A

(一).前言:
今天我们的项目继续更新,今天主要要加入一个非常漂亮的进度指示器AVLoadingIndicatorView(开源地址)效果很不错，用起来非常简单和平时ProgressBar一样简单。效果如下:
FastDev4Android框架项目地址:https://github.com/jiangqqlmj/FastDev4Android
(二).简要介绍:
AVLoadingIndicatorView是一个Android平台进度动画的集合框架，我们可以非常简单的配置和使用动画。
(三).使用方式:
3.1.AndroidStudio框架引入配置:build.grade配置

 dependencies {
       compile 'com.wang.avi:library:1.0.0'
       compile'com.nineoldandroids:library:2.4.0'
    }

3.2.布局引入加载控件

<?xmlversion="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"android:layout_width="match_parent"
   android:layout_height="match_parent">
    <LinearLayout
       android:layout_width="fill_parent"
        android:layout_height="49dp"
        android:background="#e7abff"
        android:gravity="center"
        >
        <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_centerInParent="true"
           android:textColor="@color/white"
           android:text="进度动画实例"/>
    </LinearLayout>
    <ScrollView
       android:layout_width="fill_parent"
       android:layout_height="fill_parent">
        <LinearLayout
           android:layout_width="fill_parent"
           android:layout_height="fill_parent"
           android:orientation="vertical">
            <!--BallPulse-->
            <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="horizontal">
                <TextView
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_centerInParent="true"
                   android:textColor="@color/black"
                   android:text="BallPulse:"/>
               <com.wang.avi.AVLoadingIndicatorView
                   android:id="@+id/avloadingIndicatorView_BallPulse"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:visibility="visible"
                   app:indicator="BallPulse"
                   app:indicator_color="@color/red"
                    />
            </LinearLayout>
            <!--BallGridPulse-->
            <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="horizontal">
                <TextView
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_centerInParent="true"
                   android:textColor="@color/black"
                   android:text="BallGridPulse:"/>
               <com.wang.avi.AVLoadingIndicatorView
                   android:id="@+id/avloadingIndicatorView_BallGridPulse"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:visibility="visible"
                   app:indicator="BallGridPulse"
                   app:indicator_color="@color/red"
                    />
            </LinearLayout>
 
            <!--BallClipRotate-->
            <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="horizontal">
                <TextView
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_centerInParent="true"
                   android:textColor="@color/black"
                   android:text="BallGridPulse:"/>
               <com.wang.avi.AVLoadingIndicatorView
                   android:id="@+id/avloadingIndicatorView_BallClipRotate"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:visibility="visible"
                   app:indicator="BallClipRotate"
                   app:indicator_color="@color/red"
                    />
            </LinearLayout>
            <!--BallClipRotatePulse-->
            <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="horizontal">
                <TextView
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_centerInParent="true"
                   android:textColor="@color/black"
                   android:text="BallClipRotatePulse:"/>
               <com.wang.avi.AVLoadingIndicatorView
                   android:id="@+id/avloadingIndicatorView_BallClipRotatePulse"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:visibility="visible"
                   app:indicator="BallClipRotatePulse"
                   app:indicator_color="@color/red"
                    />
            </LinearLayout>
            <Button
               android:id="@+id/progress_start"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="打开动画"/>
            <Button
               android:id="@+id/progress_stop"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="关闭动画"/>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

3.3.手动控制布局显示和隐藏,具体Activity代码如下:

@EActivity
public classAVLoadingIndicatorActivity extends BaseActivity{
    private Buttonprogress_start,progress_stop;
    private AVLoadingIndicatorViewavloadingIndicatorView_BallPulse;
    @Override
    protected void onCreate(BundlesavedInstanceState) {
        super.onCreate(savedInstanceState);
       setContentView(R.layout.av_loading_indicator_layout);
       avloadingIndicatorView_BallPulse=(AVLoadingIndicatorView)this.findViewById(R.id.avloadingIndicatorView_BallPulse);
       progress_start=(Button)this.findViewById(R.id.progress_start);
       progress_stop=(Button)this.findViewById(R.id.progress_stop);
 
        //打开动画
        progress_start.setOnClickListener(newView.OnClickListener() {
            @Override
            public void onClick(View v) {
               avloadingIndicatorView_BallPulse.setVisibility(View.VISIBLE);
            }
        });
        //关闭动画
        progress_stop.setOnClickListener(newView.OnClickListener() {
            @Override
            public void onClick(View v) {
               avloadingIndicatorView_BallPulse.setVisibility(View.GONE);
            }
        });
    }
}

3.4.实现效果如下:

(四).官方可选动画:

上面为该库提供的所有动画的实例，下面对于每一个动画的配置信息做如下说明(以行为单位):
第一行:BallPulse,BallGridPulse,BallClipRotate,BallClipRotatePulse
第二行:SquareSpin,BallClipRotateMultiple,BallPulseRise,BallRotate
第三行:CubeTransition,BallZigZag,BallZigZagDeflect,BallTrianglePath
第四行:BallScale,LineScale,LineScaleParty,BallScaleMultiple
第五行:BallPulseSync,BallBeat,LineScalePulseOut,LineScalePulseOutRapid
第六行:BallScaleRipple,BallScaleRippleMultiple,BallSpinFadeLoader,LineSpinFadeLoader
第七行:TriangleSkewSpin,Pacman,BallGridBeat,SemiCircleSpin

        到此位置关于AVLoadingIndicatorView框架做出漂亮的ProgressBar,同时我们的项目已经配置该动画集框架.欢迎大家去Github站点进行clone或者下载浏览:https://github.com/jiangqqlmj/FastDev4Android 同时欢迎大家star和fork整个开源快速开发框架项目~

        微信关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注，第一时间推送精彩文章)

qrcode_for_gh_c6208faa1f42_258.jpg

---