关于AdapterView中EmptyView的使用,记录而已

当我们使用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>

大功告成!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值