安卓设置菊花动画_Android实现ProgressBar旋转菊花加载的动画详解

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

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

写一个xml布局，把ProgressBar放进去：<?xml version="1.0" encoding="utf-8"?>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

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" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_marginTop="5dp"

android:text="加载中..." />

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

android:indeterminateDrawable="@drawable/anim"

这里引用了drawable下一个叫做anim的动画配置代码文件，res/drawable/anim.xml：<?xml version="1.0" encoding="utf-8"?>

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图是不停动画旋转的，如图：

安卓设置菊花动画_Android实现ProgressBar旋转菊花加载的动画详解相关推荐

安卓设置菊花动画_Android实现ProgressBar旋转菊花加载的动画
Android实现ProgressBar旋转菊花加载的动画在一些常见到的加载中需要显示一个加载动画,如旋转的菊花这样的动画效果,开发中有两种方案,一种是直接让设计师给出一个gif图片,然后写入到布局 ...
html实现图片加载动画效果,HTML5+javascript实现图片加载进度动画效果
在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览: 0% 代码如下: ...
webdriver启动浏览器、设置profile加载插件步骤详解
本文主要记录下在使用selenium2/webdriver时启动各种浏览器的方法.以及如何加载插件.定制浏览器信息(设置profile)等环境搭建可参考我的另一篇文章:http://www.cnbl ...
html5游戏加载动画,HTML5 战场3游戏的加载指示动画
CSS 语言: CSSSCSS 确定 @import "http://battlelog.battlefield.com/cdnprefix/local/public/base/fonts/ ...
ios 旋转加载gif_加载GIF动画方法 iOS
方法一使用UIWebView _codeStr为gif网址如果是本地的gif可以直接使用dataWithContentsOfFile方法 NSData *data = [NSData d ...
Glide加载gif动画只播放一次的方法 Glide加载gif动画先显示最后一帧再开始播放动画导致闪屏的解决方案
场景: Android App利用ViewPager制作引导页,然后利用Glide加载gif动画. 问题: 1.Glide加载gif动画如何只播放一次? 2.Glide加载gif动画,在viewPag ...
android菊花动画,Android实现仿iOS菊花加载圈动画效果
常见的实现方式切图,做旋转动画自定义View,绘制效果 gif图 1.切图会增加体积,但相对简单,不过在换肤的场景下,会使用不同颜色,需要准备多张图,不够灵活. 2.由于自定义的好处,不同颜色只需 ...
android酷炫转圈动画,android常用旋转线条加载动画
想要知道关于更多自定义View的实例,请参考:android自定义View索引先上个效果图,以免大家跑错地了. 嗯,整个来说呢,除了舍不得充VIP去掉水印之外,其他都挺好的. 下面开始实现我们的效果 ...
【JavaScript】实现三个小球围着椭圆旋转的加载动画
好久没有写过原生JS了,突然没事做,写了一个跟着鼠标走的加载小动画,最终效果如下图: 这个效果实现起来非常简单,大概思路是:先用 CSS3 的 border-radius 属性将三个 div 的样式设 ...

安卓设置菊花动画_Android实现ProgressBar旋转菊花加载的动画详解

安卓设置菊花动画_Android实现ProgressBar旋转菊花加载的动画详解相关推荐

最新文章

热门文章