实战EmptyView，为ListView的加载缓冲

前言

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

ListView的实现

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

之后再代码中通过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><cnandroid:id=”@+id/loading”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:layout_centerInParent=”true”android:visibility=”invisible”></cn></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. */{private View mEmptyView;(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() {() {//数据改变时回调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);}}}};有一些穿高跟鞋走不到的路，

相关文章：

你感兴趣的文章：

标签云：