快捷導(dǎo)航

解決Android ListView數(shù)據(jù)為空及加載錯誤的方法

更新時間：2016年02月21日 16:17:08 作者：BetterLaterThanNever

這篇文章主要為大家提供了一個解決Android ListView數(shù)據(jù)為空及加載錯誤的方法，感興趣的小伙伴們可以參考一下

在項目中，都會用到ListView或GridView等列表控件。一般會用來展示從網(wǎng)絡(luò)請求的數(shù)據(jù) 。如果請求的數(shù)據(jù)為空或者在請求的時候正好無沒有網(wǎng)絡(luò)了，我們的界面應(yīng)該如何展示呢？數(shù)據(jù)為空的時候,ListView可以使用setEmptyView (View emptyView) 方法來我們需要的統(tǒng)一界面。數(shù)據(jù)加載失敗呢？我們也可以統(tǒng)一進行處理。

//下面這個類是簡單地封裝用于無數(shù)據(jù)及加載錯誤的一個頁面。
public class CommonShowView {

 private Context mContext;// 上下文
 private ViewGroup mEmptyOrErrorView;// 頁面加載無數(shù)據(jù)或加載錯誤時顯示
 private ViewGroup mContentView;// 加載成功時顯示的內(nèi)容
 private ViewGroup mParentView;// 父布局viewGroup
 private LayoutInflater mInflater;
 private TextView no_net;
 private Button load_btn;
 private boolean mViewsAdded;
 private ViewGroup.LayoutParams mLayoutParams = new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
 public final static int TYPE_EMPTY = 1;// 數(shù)據(jù)為空
 public final static int TYPE_ERROR = 2;// 加載數(shù)據(jù)失敗
 public final static int TYPE_CONTENT = 3;// 直接顯示內(nèi)容
 private int mType = TYPE_EMPTY;// 數(shù)據(jù)類型，默認是無數(shù)據(jù)

 /**
  * 構(gòu)造方法，傳入上下文及內(nèi)容GroupView
  */
 public CommonShowView(Context context, ViewGroup mContentView) {
  mContext = context;
  mInflater = LayoutInflater.from(mContext);
  this.mContentView = mContentView;
  mParentView = (ViewGroup) mContentView.getParent();
  initViews();
 }

 @SuppressLint("InflateParams")
 private void initViews() {
  mEmptyOrErrorView = (ViewGroup) mInflater.inflate(R.layout.common_show, null);
  no_net = (TextView) mEmptyOrErrorView.findViewById(R.id.no_net);
  load_btn = (Button) mEmptyOrErrorView.findViewById(R.id.load_btn);
  if (!mViewsAdded) {
   mViewsAdded = true;
   mParentView.addView(mEmptyOrErrorView, mLayoutParams);
  }

  load_btn.setOnClickListener(new OnClickListener() {// 檢查網(wǎng)絡(luò)，進行網(wǎng)絡(luò)設(shè)置

   @Override
   public void onClick(View v) {
    Intent intent = null;
    // 判斷手機系統(tǒng)的版本 即API大于10 就是3.0或以上版本及魅族手機
    if (android.os.Build.VERSION.SDK_INT > 10 && !android.os.Build.MANUFACTURER.equals("Meizu")) {
     intent = new Intent(android.provider.Settings.ACTION_WIRELESS_SETTINGS);
    }
    else if (android.os.Build.VERSION.SDK_INT > 17 && android.os.Build.MANUFACTURER.equals("Meizu")) {
     intent = new Intent(android.provider.Settings.ACTION_SETTINGS);
    }
    else {
     intent = new Intent();
     ComponentName component = new ComponentName("com.android.settings", "com.android.settings.WirelessSettings");
     intent.setComponent(component);
     intent.setAction("android.intent.action.VIEW");
    }
    mContext.startActivity(intent);

   }
  });
 }

 public ViewGroup getEmptyOrErrorView() {
  return mEmptyOrErrorView;
 }

 /**
  * 設(shè)置無數(shù)據(jù)或加載錯誤view
  * @description：
  */
 public void setEmptyOrErrorView(ViewGroup emptyOrErrorView) {
  this.mParentView.removeView(this.mEmptyOrErrorView);
  this.mParentView.addView(emptyOrErrorView, mLayoutParams);
  this.mEmptyOrErrorView = emptyOrErrorView;
 }

 /**
  * 設(shè)置無數(shù)據(jù)或加載錯誤view
  * @description：
  */
 public void setEmptyOrErrorView(int res) {
  ViewGroup vg = (ViewGroup) mInflater.inflate(res, null);
  this.mParentView.removeView(this.mEmptyOrErrorView);
  this.mParentView.addView(vg, mLayoutParams);
  this.mEmptyOrErrorView = vg;
 }

 /**
  * 獲取內(nèi)容view
  * @description：
  */
 public ViewGroup getContextView() {
  return mContentView;
 }

 /**
  * 方法概述：獲取內(nèi)容View的父布局
  */
 public ViewGroup getRootView() {
  return mParentView;
 }

 /**
  * 方法概述：設(shè)置展示內(nèi)容的視圖
  */
 public void setContextView(ViewGroup contentView) {
  this.mType = TYPE_CONTENT;
  showByType(mType);
 }

 /**
  * 根據(jù)類型進行對應(yīng)展示 
  * @description：
  * @date 2016-2-19 下午3:02:20
  */
 public void showByType(int mType) {
  hideAllViews();
  if (mContentView != null) {
   switch (mType) {
    case TYPE_EMPTY:

     if (mEmptyOrErrorView != null) {
      mEmptyOrErrorView.setVisibility(View.VISIBLE);
      no_net.setText("這里空空也野哦~");
      load_btn.setVisibility(View.GONE);
     }
     break;
    case TYPE_ERROR:
     if (mEmptyOrErrorView != null) {
      mEmptyOrErrorView.setVisibility(View.VISIBLE);
      no_net.setText("網(wǎng)絡(luò)加載失敗哦~");
      load_btn.setVisibility(View.VISIBLE);
     }
     break;
    case TYPE_CONTENT:
     if (mContentView != null) {
      mContentView.setVisibility(View.VISIBLE);
     }
     break;
    default:
     break;
   }
  }
 }

 /**
  * 方法概述：將所有的子View隱藏起來
  */
 private void hideAllViews() {
  if (mParentView != null) {
   if (mParentView.getChildCount() > 0) {
    for (int i = 0; i < mParentView.getChildCount(); i++) {
     View childView = mParentView.getChildAt(i);
     if (childView != null) {
      childView.setVisibility(View.GONE);
     }
    }
   }
  }

 }
}

//錯誤頁面及空頁面時布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/rel_null"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >

 <TextView
  android:id="@+id/no_net"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_centerHorizontal="true"
  android:layout_centerInParent="true"
  android:gravity="center"
  android:text="好像沒網(wǎng)哦~"
  android:textColor="#333333"
  android:textSize="16sp" />

 <Button
  android:id="@+id/load_btn"
  android:layout_width="112dp"
  android:layout_height="40dp"
  android:layout_below="@+id/no_net"
  android:layout_centerHorizontal="true"
  android:layout_marginTop="15dp"
  android:background="#E12228"
  android:gravity="center"
  android:text="檢查網(wǎng)絡(luò)"
  android:textColor="#ffffff"
  android:textSize="14sp" />

</RelativeLayout>

//在Activity中使用
public class MainActivity extends Activity {
 private ListView listview;
 private CommonShowView mShowView;
 private List<String> datas;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  listview = (ListView) findViewById(R.id.listview);
  mShowView = new CommonShowView(this, listview);
  // ----------有數(shù)據(jù)的時情況下--------------
  // datas = getDatas(true);
  // listview.setAdapter(new MyAdapter(this, datas));
  // mShowView.setContextView(listview);//顯示數(shù)據(jù)，也可以不調(diào)用，直接顯示
  // --------無數(shù)據(jù)的情況下----------------
  // datas = getDatas(false);//無數(shù)據(jù)
  // mShowView.showByType(CommonShowView.TYPE_EMPTY);
  // ---------數(shù)據(jù)加載失敗的情況下---------------
  mShowView.showByType(CommonShowView.TYPE_ERROR);
 }

 private List<String> getDatas(boolean flag) {
  List<String> datas = new ArrayList<>();
  datas.add("這是第一行的data");
  datas.add("這是第2行的data");
  datas.add("這是第三行的data");
  datas.add("這是第4行的data");
  if (flag) {
   return datas;
  }
  else {
   return null;
  }
 }

 class MyAdapter extends BaseAdapter {
  private List<String> datas;
  private Context mContext;

  public MyAdapter(Context mContext, List<String> datas) {
   this.mContext = mContext;
   this.datas = datas;
  }

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return datas.size();
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return datas.get(position);
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // 這里只舉個小例子，沒有考慮性能 優(yōu)化
   TextView tv = new TextView(mContext);
   tv.setTextSize(16f);
   tv.setText(datas.get(position));
   return tv;
  }

 }
}

目前只是做了個超級簡單的樣式，具體的展示根據(jù)需求再改再封裝。帖個圖：