当我们使用ListView或者GridView的时候,当网络没有连接或者网络状况不好超时出错,或者后台数据为空时,经常会出现没有数据的情况。此时如果空荡荡的一个页面,会显得不是很友好。所以,我们需要有个友好提示给用户,咳咳,此时就应该EmptyView出场了!!
废话不多说,还是先看效果,我们这个栗子中在ListView中添加了一个EmptyView,当数据为空时显示,并且可以点击重新加载,效果如下:
首先依旧是看我们的demo结构:
可以看到我们demo结构很简单,一个MainAct,一个自定义EmptyView,以及各自的xml布局文件。
接下来是EmptyView的布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:src="@drawable/empty" />
<TextView
android:id="@+id/id_tv_reload"
style="@android:style/TextAppearance.Large"
android:layout_width="wrap_content"
android:textColor="@android:color/white"
android:layout_height="wrap_content"
android:background="@drawable/selector"
android:padding="10dp"
android:text="木有数据T_T,点击重新加载" />
</LinearLayout>
然后是EmptyView的Java代码,简易的组合自定义View,提供一个reload监听:
package com.lin.adapteremptyview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
public class EmptyView extends LinearLayout {
TextView mTvReload;
public EmptyView(Context context) {
this(context, null);
}
public EmptyView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public EmptyView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
}
private void init(Context context) {
LayoutInflater.from(context).inflate(R.layout.empty_view, this);
mTvReload = (TextView) this.findViewById(R.id.id_tv_reload);
}
public void setReload(View.OnClickListener listener) {
if (listener != null)
mTvReload.setOnClickListener(listener);
}
}
然后就是MainActivity的布局啦,代码做了注释,此处不多说:
package com.lin.adapteremptyview;
import java.util.ArrayList;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends ActionBarActivity {
private ListView mListview;
private ArrayList<String> list;
private ArrayAdapter<String> mAdapter;
private EmptyView mEmptyView;
private ProgressDialog dialog;
//
public final Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 0) {
mAdapter.notifyDataSetChanged();
dialog.dismiss();
}
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
mListview = (ListView) this.findViewById(R.id.listView);
mEmptyView = (EmptyView) findViewById(R.id.id_emptyview);
mListview.setEmptyView(mEmptyView);//*****此处给listview设置emptyview*****
// 设置emptyview的reload事件
mEmptyView.setReload(new OnClickListener() {
@Override
public void onClick(View v) {
dialog = ProgressDialog.show(MainActivity.this, "", "正在加载,请稍后");
for (int i = 'A'; i <= 'Z'; i++) {
if (i == 'Z') {
list.add("清空数据");
break;
}
list.add((char) i + "");
}
// 模拟获取数据耗时操作
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(3000);
handler.sendEmptyMessage(0);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}).start();
}
});
// listivew的点击事件
mListview.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
if (25 == position) {
list.clear();
mAdapter.notifyDataSetChanged();
}
}
});
initData();
}
// 初始化数据
private void initData() {
list = new ArrayList<String>();
for (int i = 'A'; i <= 'Z'; i++) {
if (i == 'Z') {
list.add("清空数据");
break;
}
list.add((char) i + "");
}
mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,
list);
mListview.setAdapter(mAdapter);
}
}
最后是MainActivity的布局文件:
<FrameLayout 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" >
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="#00000000" >
</ListView>
<com.lin.adapteremptyview.EmptyView
android:id="@+id/id_emptyview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</FrameLayout>
大功告成!