Android实现ProgressBar旋转菊花加载的动画详解手机开发

Android实现ProgressBar旋转菊花加载的动画

在一些常见到的加载中需要显示一个加载动画，如旋转的菊花这样的动画效果，开发中有两种方案，一种是直接让设计师给出一个gif图片，然后写入到布局，另外一种，使用Android动画，把一张静止的图片动起来，本例用后者实现。

写一个xml布局，把ProgressBar放进去：

 ?xml version= 1.0  encoding= utf-8 ?  

 LinearLayout xmlns:android= http://schemas.android.com/apk/res/android  

 android:layout_width= match_parent  

 android:layout_height= match_parent  

 android:orientation= vertical  

 

  ProgressBar 

 android:id= @+id/loading  

 android:layout_width= 30dp  

 android:layout_height= 30dp  

 android:layout_gravity= center_horizontal  

 android:layout_marginTop= 20dp  

 android:indeterminateBehavior= repeat  

 android:indeterminateDrawable= @drawable/anim  /  

 

  TextView 

 android:layout_width= wrap_content  

 android:layout_height= wrap_content  

 android:layout_gravity= center_horizontal  

 android:layout_marginTop= 5dp  

 android:text= 加载中...  /  

 /LinearLayout 

很简单的布局，上面一个显示加载的进度ProgressBar，下面一个提示的文字。关键是设置ProgressBar的两个属性，这两个属性决定了ProgressBar的动画展示效果：

android:indeterminateBehavior= repeat  

 android:indeterminateDrawable= @drawable/anim 

这里引用了drawable下一个叫做anim的动画配置代码文件，res/drawable/anim.xml：

 ?xml version= 1.0  encoding= utf-8 ?  

 animated-rotate xmlns:android= http://schemas.android.com/apk/res/android  

 android:drawable= @drawable/loading  

 android:fromDegrees= 0.0  

 android:pivotX= 50.0%  

 android:pivotY= 50.0%  

 android:toDegrees= 360.0  / 

res/drawable/loading是一张静态图loading.jpg：

代码运行后，该loading图是不停动画旋转的，如图：

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/3115.html