做开发的时候，为了让用户体验比较好一点，app启动的时候会有一个启动欢迎页，那么进入到app以后，用户浏览页面，首先会进行网络请求，然后服务器响应数据回来，最后展示到页面上，用户才能看到丰富的页面。那么问题就来了，用户的网络有2G、3G、4G，现在一般是4G，但是用户的网络是不一样的，有些地方网络好，有些比较慢，加载网络数据的时候，网络太慢了就会显示一篇空白，这给用户的体验是非常不好的，所以就到了本节的内容，加载网络数据并且数据还会返回的时候给用户显示一个Loading动画，当然，android自带的有，这里我们自定义一个Load动画。

首先我们来看一下效果图：

下面我们来看一下代码部分，首先是自定义的SysLoading.java

public class SysLoading extends LinearLayout{   private View view;  //自定义动画  private AnimationDrawable mAnimation;  //加载失败视图  private RelativeLayout sys_loading_dialog_fail;  //加载中图片  private ImageView sys_loading_dialog_img;  //加载中文本  private TextView sys_loading_dialog_tv;  //加载失败文本  private TextView sys_loading_dialog_fail_tv;  //加载时文本  private String loadingText;   public SysLoading(Context context) {  super(context);  }   public SysLoading(Context context, AttributeSet attrs) {  super(context, attrs);  LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  view = layoutInflater.inflate(R.layout.sys_loading_dialog, this);  //加载失败视图  sys_loading_dialog_fail = (RelativeLayout) view.findViewById(R.id.sys_loading_dialog_fail);  //加载时图片  sys_loading_dialog_img = (ImageView) view.findViewById(R.id.sys_loading_dialog_img);  //加载时文本  sys_loading_dialog_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_tv);  sys_loading_dialog_fail_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_fail_tv);  }   public void showAnim(String loadingText){  this.loadingText = loadingText;  //设置动画特效  initData();  }    public void stopAnim(){  mAnimation.stop();  }        public void initData() {  //设置文本  sys_loading_dialog_tv.setText(loadingText);  //设置显示  view.setVisibility(View.VISIBLE);  //设置加载时图片显示  sys_loading_dialog_img.setVisibility(View.VISIBLE);  //设置加载时文本显示  sys_loading_dialog_tv.setVisibility(View.VISIBLE);  //设置失败视图隐藏  sys_loading_dialog_fail.setVisibility(View.GONE);  //获取动画  sys_loading_dialog_img.setBackgroundResource(R.drawable.sys_loading);  //通过ImageView拿到AnimationDrawable  mAnimation = (AnimationDrawable) sys_loading_dialog_img.getBackground();  //为了防止只显示第一帧  sys_loading_dialog_img.post(new Runnable() {  @Override  public void run() {  mAnimation.start();  }  });  }   //加载失败调用的方法  public void fialLoad(String failStr, View.OnClickListener listener){  //动画停止  if(null != mAnimation && mAnimation.isRunning()){  mAnimation.stop();  }  //失败视图显示  sys_loading_dialog_fail.setVisibility(View.VISIBLE);  //设置失败事件监听  sys_loading_dialog_fail.setOnClickListener(listener);  //设置失败文本  sys_loading_dialog_fail_tv.setText(failStr);  //设置加载时图片隐藏  sys_loading_dialog_img.setVisibility(View.GONE);  //设置加载时文本隐藏  sys_loading_dialog_tv.setVisibility(View.GONE);  } }

然后是sys_loading.xml布局文件

< ?xml version="1.0" encoding="utf-8"?> < RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:layout_marginBottom="30dp"  android:gravity="center" >  < !--加载中视图图片 -->  < ImageView  android:id="@+id/sys_loading_dialog_img"  android:layout_centerHorizontal="true"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:contentDescription="@null"/>  < !--加载中视图文本 -->  < TextView  android:id="@+id/sys_loading_dialog_tv"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:textStyle="normal"  android:layout_marginTop="15dp"  android:textSize="14sp"  android:textColor="@color/black2"  android:layout_below="@id/sys_loading_dialog_img"  android:gravity="center"/>  < !--加载失败布局视图-->  < RelativeLayout  android:id="@+id/sys_loading_dialog_fail"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:gravity="center"  android:visibility="gone">  < !--加载失败图片 -->  < ImageView  android:id="@+id/sys_loading_dialog_fail_img"  android:layout_centerHorizontal="true"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:src="@drawable/sys_loading_dialog_fail"  android:contentDescription="@null"/>  < !--加载失败文本 -->  < TextView  android:id="@+id/sys_loading_dialog_fail_tv"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:layout_below="@id/sys_loading_dialog_fail_img"  android:layout_marginTop="15dp"  android:textSize="14sp"  android:textColor="@color/black2"  android:gravity="center"/>  < /RelativeLayout> < /RelativeLayout>

最后drawable文件就不贴出来了，这里直接给出主要的使用代码：

public class MainActivity extends Activity {  private Button btnLoading;  //自定义加载框  private SysLoading sysLoading;  private boolean flag = true;  private Handler handler = new Handler() {  public void handleMessage(Message msg) {  switch (msg.what) {  case 100:  Toast.makeText(MainActivity.this, "加载成功", Toast.LENGTH_SHORT).show();  //隐藏加载框  sysLoading.setVisibility(View.GONE);  break;   default:  break;  }  };  };    @Override  protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  btnLoading = (Button) findViewById(R.id.btn_loading);   //获取加载视图  sysLoading = (SysLoading) findViewById(R.id.sysLoading);  Message msg = handler.obtainMessage();  msg.what = 100;  sysLoading.showAnim("正在加载...");  handler.sendMessageDelayed(msg, 2000);  }  public void Loading(View view) {  sysLoading.initData();  //加载失败  sysLoading.fialLoad("加载失败...", new OnClickListener() {  @Override  public void onClick(View v) {  Message msg = handler.obtainMessage();  msg.what = 100;  sysLoading.showAnim("正在加载...");  handler.sendMessageDelayed(msg, 2000);  }  });  } }

这里给出demo的下载地址：http://download.csdn.net/detail/u014727709/9739898

欢迎start，欢迎评论，欢迎指正