首页 > IT职业 > IT生活 > Android之仿美团加载数据帧动画
一:先来张效果图(这里是GIF动画,我就截屏的所有没有动画,实际是动的):
一:先来张效果图(这里是GIF动画,我就截屏的所有没有动画,实际是动的):
二:实现步骤:
1、xml布局、
2.activity代码、
package cll.com.myapplication;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.TextView;/** * @Description 奔跑小人的动画弹框,可以用作加载数据界面 * 2017-4-3 http://blog.csdn.net/android_cll */public class RuningManActivity extends Activity implements View.OnClickListener { private TextView textview;//点击按钮 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.ac_runing_man); initlayout(); } /** * 实例化 */ private void initlayout() { textview = (TextView) findViewById(R.id.textview); textview.setOnClickListener(this); } /** * 显示美团进度对话框 * * @param v */ public void showmeidialog(View v) {
CustomProgressDialog dialog = new CustomProgressDialog(this, "正在加载中......", R.anim.animation); dialog.setCanceledOnTouchOutside(false);//设置是否可以点击外部消失 dialog.setCancelable(false);//设置是否可以按退回键取消 dialog.show(); } @Override public void onClick(View view) { switch (view.getId()) { case R.id.textview:
showmeidialog(view); break; }
}
}
3.自定义弹框工具类、
package cll.com.myapplication;import android.app.ProgressDialog;import android.content.Context;import android.graphics.drawable.AnimationDrawable;import android.os.Bundle;import android.widget.ImageView;import android.widget.TextView;/** * @Description:自定义加载数据弹框 * @author 2017-4-3 http://blog.csdn.net/android_cll */public class CustomProgressDialog extends ProgressDialog { private AnimationDrawable mAnimation; private ImageView mImageView; private String mLoadingTip; private TextView mLoadingTv; private int mResid; public CustomProgressDialog(Context context, String content, int id) { super(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); } private void initView() {
setContentView(R.layout.progress_dialog); mLoadingTv = (TextView) findViewById(R.id.loadingTv); mImageView = (ImageView) findViewById(R.id.loadingIv); }
}
4.自定义弹框的xml布局、
5.anim文件下的帧动画文件
-------------------------到此加载数据弹框的帧动画功能就实现了,都有注释就不用解释太多。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2435/viewspace-2814266/ ,如需转载,请注明出处,否则将追究法律责任。