700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Android实现ProgressBar旋转菊花加载的动画

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

时间:2021-06-25 19:06:58

相关推荐

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

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

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

写一个xml布局,把ProgressBar放进去:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><ProgressBarandroid: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" /><TextViewandroid: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="/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图是不停动画旋转的,如图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。