Android实现仿美团、顺丰快递数据加载效果

 更新时间:2017年12月24日 14:02:00   作者:一叶飘舟  
本片文章教给大家用Android实现美团和顺丰快递APP的数据加载的动画效果,有兴趣的朋友跟着学习尝试下吧。

我们都知道在Android中,常见的动画模式有两种:一种是帧动画(Frame Animation),一种是补间动画(Tween Animation)。帧动画是提供了一种逐帧播放图片的动画方式,播放事先做好的图像,与gif图片原理类似,就像是在放电影一样。补间动画可以实现View组件的移动、放大、缩小以及渐变等效果。

今天我们主要来模仿一下美团中加载数据时小人奔跑动画的对话框效果,取个有趣的名字就是Running Man,奔跑吧,兄弟!话不多少,先上效果图,让各位大侠看看是不是你想要实现的效果,然后再决定是否往下阅读,因为做为程序员我们的时间都很宝贵,毕竟还没有女朋友呢?

(ps:因为技术原因,提供的动态图效果不是很明显,但在手机上运行是非常好的,有兴趣的朋友可以下载源码看看。)

下面讲讲实现的原理,首先我们在项目的res目录下新建一下anim文件夹,然后新建一个xml文件,添加如下代码:

<?xml version="1.0" encoding="utf-8"?> 
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
 android:oneshot="false" > 
 <item 
  android:drawable="@drawable/app_loading0" 
  android:duration="150"/> 
 <item 
  android:drawable="@drawable/app_loading1" 
  android:duration="150"/> 
</animation-list> 

animation-list 是动画列表,中间放很多的item 也就是组成帧动画的图片,

android:drawable[drawable]//加载Drawable对象

android:duration[long]//每一帧动画的持续时间(单位ms)

android:oneshot[boolean]//动画是否只运行一次,true运行一次,false重复运行

写好之后我们来看自定义一个对话框,来实现打开对话框时,自动加载奔跑的动画。见代码:

/** 
 * @Description:自定义对话框 
 * @author http://blog.csdn.net/finddreams 
 */ 
public class CustomProgressDialog extends ProgressDialog { 
 private AnimationDrawable mAnimation; 
 private Context mContext; 
 private ImageView mImageView; 
 private String mLoadingTip; 
 private TextView mLoadingTv; 
 private int count = 0; 
 private String oldLoadingTip; 
 private int mResid; 
 public CustomProgressDialog(Context context, String content, int id) { 
  super(context); 
  this.mContext = context; 
  this.mLoadingTip = content; 
  this.mResid = id; 
  setCanceledOnTouchOutside(true); 
 } 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  initView(); 
  initData(); 
 } 
 private void initData() { 
  mImageView.setBackgroundResource(mResid); 
  // 通过ImageView对象拿到背景显示的AnimationDrawable 
  mAnimation = (AnimationDrawable) mImageView.getBackground(); 
  // 为了防止在onCreate方法中只显示第一帧的解决方案之一 
  mImageView.post(new Runnable() { 
   @Override 
   public void run() { 
    mAnimation.start(); 
   } 
  }); 
  mLoadingTv.setText(mLoadingTip); 
 } 
 public void setContent(String str) { 
  mLoadingTv.setText(str); 
 } 
 private void initView() { 
  setContentView(R.layout.progress_dialog); 
  mLoadingTv = (TextView) findViewById(R.id.loadingTv); 
  mImageView = (ImageView) findViewById(R.id.loadingIv); 
 } 
} 

可以看到在代码中,我们使用到一个imageview.post(Runnable r)方法,因为帧动画需要不断的重画,所以必须在线程中运行,否则只能看到第一帧的效果,这和我们做游戏的原理是一样的,一个人物的走动,是有线程在控制图片的不断重画。

当然还有另外一个方法也能实现:

@Override 
 public void onWindowFocusChanged(boolean hasFocus) { 
  // TODO Auto-generated method stub 
  mAnimation.start(); 
  super.onWindowFocusChanged(hasFocus); 
 } 

最后就是在Activity中调用了,详情:

CustomProgressDialog dialog =new CustomProgressDialog(this, "正在加载中",R.anim.frame); 
  dialog.show();

对于CustomProgressDialog这个自定义对话框类是封装的比较好的,调用起来十分方便,你可以快速的替换成你想要的效果,只需更改图片就可以了。

以上就是本篇文章的全部内容,大家在测试后如果还有任何不明白的地方可以在下方的留言区域导论,感谢你对脚本之家的支持。

相关文章

  • Android实现伴奏录音合成MP3

    Android实现伴奏录音合成MP3

    这篇文章主要为大家详细介绍了Android实现伴奏录音合成MP3,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android中drawable使用Shape资源

    Android中drawable使用Shape资源

    这篇文章主要为大家详细介绍了Android中drawable使用Shape资源的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 初步编写IDEA\AndroidStudio翻译插件的方法

    初步编写IDEA\AndroidStudio翻译插件的方法

    这篇文章主要介绍了初步编写IDEA\AndroidStudio翻译插件,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • Android实现炫酷播放效果

    Android实现炫酷播放效果

    这篇文章主要为大家详细介绍了Android实现炫酷播放效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android 仿京东侧滑筛选实例代码

    Android 仿京东侧滑筛选实例代码

    本篇文章主要介绍了Android 仿京东侧滑筛选实例代码,详细的介绍了侧滑筛选的代码,具有一定的参考价值,有兴趣的可以了解一下。
    2017-03-03
  • Android shape标签使用方法介绍

    Android shape标签使用方法介绍

    shape算是我们常用的一个标签,他可以生成线条,矩形, 圆形, 圆环,像我们圆角的按钮就可以通过shape来实现,最终Android会把这个带有shape标签的图片解析成一个Drawable对象,这个Drawable对象本质是GradientDrawable
    2022-09-09
  • Android Coil对比Glide深入分析探究

    Android Coil对比Glide深入分析探究

    这篇文章主要介绍了Android Coil对比Glide,Coil是Android上的一个全新的图片加载框架,它的全名叫做coroutine image loader,即协程图片加载库
    2023-02-02
  • 使用UITextField限制输入金额是正确小数

    使用UITextField限制输入金额是正确小数

    通过我们使用正则表达式和textfield的方法判断输入金额是否为正确的金额,今天小编给大家使用UITextField限制输入金额是正确小数,有需要的朋友可以参考下
    2016-05-05
  • Android实现从相册选择照片功能

    Android实现从相册选择照片功能

    这篇文章主要为大家详细介绍了Android实现从相册选择照片功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android键盘输入语言设置默认打开myanmar缅甸语的步骤

    Android键盘输入语言设置默认打开myanmar缅甸语的步骤

    如何实现Android键盘输入语言默认打开为myanmar缅甸语,如果要设置某种语言在输入法默认打开可按一下步骤添加文件,我这里已经验证时OK的
    2013-06-06

最新评论