实战EmptyView，为ListView的加载缓冲

本文主要是介绍实战EmptyView，为ListView的加载缓冲，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

在我们的大多数应用中，会用到ListView，而ListView的数据，有时候是来自网络或者耗时操作之后得到的，这时候，有必要在数据显示之前提供一个友好的提示，结合上一篇文章的Android实战页面内容加载动画成果，再结合ListView自身的属性，我们来实现一下这种效果。首先见效果图

ListView的实现

ListView自身带有一个setEmptyView(View view);方法，用于显示没有数据时的视图，当然其本意或许是加载完成后如果数据为0显示的视图，其实我们也可以将它用来当做加载过程中显示的图。
在使用这个方法之前，我们需要在布局文件中，在ListView的同级加入这个View。我们使用上一篇文章的58同城加载的View来实现。如下

<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"tools:context="cn.edu.zafu.emptyview.ListViewSampleActivity"><ListViewandroid:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"></ListView><cn.edu.zafu.emptyview.view.LoadingViewandroid:id="@+id/loading"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:visibility="invisible"></cn.edu.zafu.emptyview.view.LoadingView>
</RelativeLayout>

之后再代码中通过setEmptyView方法设置该View即可

ListView mListView = (ListView) findViewById(R.id.listview);
LoadingView mLoadingView = (LoadingView) findViewById(R.id.loading);
mListView.setEmptyView(mLoadingView);

其余的操作系统会帮你完成，如在没数据前一直显示该加载的View，加载完成后如果有数据该View会被隐藏。

GridView的实现

GridView的实现同ListView，下面贴关键代码

<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"tools:context="cn.edu.zafu.emptyview.GridViewSampleActivity"><GridViewandroid:id="@+id/gridview"android:layout_width="match_parent"android:layout_height="match_parent"android:numColumns="3"></GridView><cn.edu.zafu.emptyview.view.LoadingViewandroid:id="@+id/loading"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:visibility="invisible"></cn.edu.zafu.emptyview.view.LoadingView></RelativeLayout>

GridView mGridView = (GridView) findViewById(R.id.gridview);
LoadingView mLoadingView = (LoadingView) findViewById(R.id.loading);
mGridView.setEmptyView(mLoadingView);

RecyclerView的实现

相比ListView和GridView来说，RecyclerView的实现相对来说比较复杂一点，主要是RecyclerView并没有提供setEmptyView方法，但其实也不难，只要我们继承RecyclerView来提供这样一个方法，达到这种效果即可，首先我们新建一个类继承RecyclerView

package cn.edu.zafu.emptyview.view;import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.view.View;/*** Created by lizhangqu on 2015/6/20.*/
public class EmptyRecyclerView extends RecyclerView {private View mEmptyView;public void setEmptyView(View emptyView) {mEmptyView = emptyView;}public EmptyRecyclerView(Context context) {super(context);}public EmptyRecyclerView(Context context, AttributeSet attrs) {super(context, attrs);}public EmptyRecyclerView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}}

内部要持有一个emptyView的对象，并提供setEmptyView()方法，达到ListView一样的调用方法，然而这还不够，因为我们不知道数据何时发生变换，因此我们需要一个观察者，当数据改变时通知我们的观察者，在观察者中实现相应的逻辑对EmptyView和RecyclerView自身进行隐藏和显示，那么我们来实现这个观察者

   private AdapterDataObserver emptyObserver = new AdapterDataObserver() {@Overridepublic void onChanged() {//数据改变时回调Adapter<?> adapter = getAdapter();if (adapter != null && mEmptyView != null) {//如果没数据if (adapter.getItemCount() == 0) {//显示mEmptyView，隐藏自身mEmptyView.setVisibility(View.VISIBLE);EmptyRecyclerView.this.setVisibility(View.GONE);} else {//显示自身，隐藏mEmptyViewmEmptyView.setVisibility(View.GONE);EmptyRecyclerView.this.setVisibility(View.VISIBLE);}}}};

那么什么时候进行观察者的注册呢，最佳时机就是setAdapter方法，那么我们重写该方法

   @Overridepublic void setAdapter(Adapter adapter) {super.setAdapter(adapter);if (adapter != null) {adapter.registerAdapterDataObserver(emptyObserver);}emptyObserver.onChanged();//一定要调用一下，通知观察者显示空View}

这样一来也引来了一个问题，我们再观察者里判断emptyview是否为null。于是导致了在设置适配器之前，必须先设置EmptyView，这个在调用的时候注意一下就好了，调用代码如下

mLoadingView = (LoadingView) findViewById(R.id.loading);mRecyclerView = (EmptyRecyclerView) findViewById(R.id.recyclerView);mRecyclerView.setLayoutManager(new LinearLayoutManager(getApplicationContext()));//必须在调用设置适配器前调用setEmptyViewmRecyclerView.setEmptyView(mLoadingView);mRecyclerView.setAdapter(new RecyclerViewAdapter(getApplicationContext(), mList));

一个EmptyView的帮助类

在项目开发过程中，会碰到许许多多的ListView，古老的方法就是每碰到一个ListView，就在xml文件里面写上emptyView，然后添加emptyView，其实在很多时候，不同ListView的emptyView是一样的，对此，写一个简单的帮助类，在ListView需要增加emptyView的时候，只要添加一行代码就可以实现了

public class EmptyViewHelper {private ListView mListView;private View mEmptyView;private Context mContext;public EmptyViewHelper(ListView listView) {mListView = listView;mContext = listView.getContext();initEmptyView();}public EmptyViewHelper(ListView listView, int emptyViewRes) {mListView = listView;mContext = listView.getContext();initEmptyView(emptyViewRes);}private void initEmptyView(int emptyViewRes) {mEmptyView = View.inflate(mContext, emptyViewRes, null);((ViewGroup)mListView.getParent()).addView(mEmptyView);mListView.setEmptyView(mEmptyView);}
}

这个帮助类，获取当前的Listview，然后inflate提前写好的emptyView，然后设置emptyView，然后，当一个listview需要添加emptyView的时候，只要如下一行代码就可以了

EmptyViewHelper emptyViewHelper = new EmptyViewHelper(mListview, R.layout.empty_view);

实现方法还是很简单的，这样做有以下好处

• 预前写好emptyView，每次碰到需要设置emptyView，只要一行代码就可以实现
• 当emptyView需要更改的时候，只要更改了emptyView，所有listview中绑定的emptyView也就随着更改了

源码下载

http://download.csdn.net/detail/sbsujjbcy/8824855

这篇关于实战EmptyView，为ListView的加载缓冲的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---