Android基礎入門教程——2.4.6 ListView的資料更新問題

標籤：android   資料   listview   更新   notifydata   

Android基礎入門教程——2.4.6 ListView的資料更新問題

標籤（空格分隔）： Android基礎入門教程

本節引言：

我們前面已經學習了ListView的一些基本用法咧，但是細心的你可能發現了，我們的資料
一開始定義好的，都是靜態，但是實際開發中，我們的資料往往都是動態變化的，比如
我增刪該了某一列，那麼列表顯示的資料也應該進行同步的更新，那麼本節我們就來探討
下ListView資料更新的問題，包括全部更新，以及更新其中的一項，那麼開始本節內容！~

1.先寫個正常的demo先

好的，先寫個正常的Demo先，等下我們再慢慢調：

entity類：Data.java：

/** * Created by Jay on 2015/9/21 0021. */public class Data {    private int imgId;    private String content;    public Data() {}    public Data(int imgId, String content) {        this.imgId = imgId;        this.content = content;    }    public int getImgId() {        return imgId;    }    public String getContent() {        return content;    }    public void setImgId(int imgId) {        this.imgId = imgId;    }    public void setContent(String content) {        this.content = content;    }}

Activity布局以及清單項目布局：

activity_main.xml：

<LinearLayout 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"    android:orientation="vertical"    tools:context=".MainActivity">    <ListView        android:id="@+id/list_one"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>

item_list.xml：

<?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:orientation="horizontal">    <ImageView        android:id="@+id/img_icon"        android:layout_width="56dp"        android:layout_height="56dp"/>    <TextView        android:id="@+id/txt_content"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="20dp"        android:layout_marginLeft="10dp"        android:textSize="18sp" /></LinearLayout>

自訂BaseAdapter的實現：MyAdapter.java：

/** * Created by Jay on 2015/9/21 0021. */public class MyAdapter extends BaseAdapter {    private Context mContext;    private LinkedList<Data> mData;    public MyAdapter() {}    public MyAdapter(LinkedList<Data> mData, Context mContext) {        this.mData = mData;        this.mContext = mContext;    }    @Override    public int getCount() {        return mData.size();    }    @Override    public Object getItem(int position) {        return null;    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder holder = null;        if(convertView == null){            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list,parent,false);            holder = new ViewHolder();            holder.img_icon = (ImageView) convertView.findViewById(R.id.img_icon);            holder.txt_content = (TextView) convertView.findViewById(R.id.txt_content);            convertView.setTag(holder);        }else{            holder = (ViewHolder) convertView.getTag();        }        holder.img_icon.setImageResource(mData.get(position).getImgId());        holder.txt_content.setText(mData.get(position).getContent());        return convertView;    }    private class ViewHolder{        ImageView img_icon;        TextView txt_content;    }}

MainActivity.java的編寫：

public class MainActivity extends AppCompatActivity {    private ListView list_one;    private MyAdapter mAdapter = null;    private List<Data> mData = null;    private Context mContext = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mContext = MainActivity.this;        bindViews();        mData = new LinkedList<Data>();        mAdapter = new MyAdapter((LinkedList<Data>) mData,mContext);        list_one.setAdapter(mAdapter);    }    private void bindViews(){        list_one = (ListView) findViewById(R.id.list_one);    }}

可以運行，運行後發現我們的頁面並沒有任何的資料，白茫茫的一片，這樣的使用者體驗並不好，
我們可以通過調用ListView的一個setEmptyView(View)的方法，當ListView資料為空白的時候，
顯示一個對應的View，另外發現這個方法很奇葩，動態添加的View，竟然無效，只能在ListView
所在的布局檔案中添加當ListView無資料時，想顯示的View，另外用這個setEmptyView設定後的
View，載入的時候竟然不會顯示出來，好靈異….比如這裡的是沒有資料時顯示一個沒有資料
的TextView，部分代碼如下：

    <TextView        android:id="@+id/txt_empty"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:textSize="15pt"        android:textColor="#000000"/>    txt_empty = (TextView) findViewById(R.id.txt_empty);        txt_empty.setText("暫無資料~");    list_one.setEmptyView(txt_empty);    

當然除了這種方法外我們還可以定義一個與ListView一樣大小位置的布局，然後設定，
android:visibility=”gone”，在Java代碼中對mData集合的size進行判斷，如果==0，
說明沒資料，讓這個布局顯示出來，當有資料的時候讓這個布局隱藏~

2.添加一條記錄

好的，我們弄個添加按鈕，沒按一次添加一條記錄哈~

運行：

代碼實現

在我們自訂的BaseAdapter中定義一個方法，方法內容如下：

    public void add(Data data) {        if (mData == null) {            mData = new LinkedList<>();        }        mData.add(data);        notifyDataSetChanged();    }

然後布局自己加個按鈕，然後設定下事件，代碼如下：

    private Button btn_add;    btn_add = (Button) findViewById(R.id.btn_add);    btn_add.setOnClickListener(this);    @Override    public void onClick(View v) {        switch (v.getId()){            case R.id.btn_add:                mAdapter.add(new Data(R.mipmap.ic_icon_qitao,"給豬哥跪了~~~ x " + flag));                flag++;                break;        }    }

嘿嘿，成了，添加資料就這麼簡單~，如果你想插入到特定位置，也行，我們Adapter類裡，再另外
寫一個方法：

    //往特定位置，添加一個元素    public void add(int position,Data data){        if (mData == null) {            mData = new LinkedList<>();        }        mData.add(position,data);        notifyDataSetChanged();    }

然後加個按鈕，寫個事件：

    private Button btn_add2;    btn_add2 = (Button) findViewById(R.id.btn_add2);    btn_add2.setOnClickListener(this);    case R.id.btn_add2:    //position從0開始算的    mAdapter.add(4,new Data(R.mipmap.ic_icon_qitao,"給豬哥跪了~~~ x " + flag));    break;

運行：

可以看到我們的第九項插入到了第五個位置~

3.刪除某一項

同樣的，我們寫兩個方法，一個直接刪對象，一個根據遊標來刪：

    public void remove(Data data) {        if(mData != null) {            mData.remove(data);        }        notifyDataSetChanged();    }    public void remove(int position) {        if(mData != null) {            mData.remove(position);        }        notifyDataSetChanged();    }

然後加兩個Button，調用下這兩個方法：

 case R.id.btn_remove:    mAdapter.remove(mData_5);    break;case R.id.btn_remove2:    mAdapter.remove(2);    break;

運行：

我們可以看到，第五項被移除了，然後點擊遊標刪除資料，一直刪的是第三項！

4.移除所有的記錄：

這個更加簡單，直接調用clear方法即可！方法代碼如下：

    public void clear() {        if(mData != null) {            mData.clear();        }        notifyDataSetChanged();    }

5.更新某一個記錄

細心的你應該發現了，進行了資料修改操作後，都會調用一個notifyDataSetChanged();
一開始我以為：

notifyDataSetChanged()會把介面上現實的的item都重繪一次，這樣會影響ui效能吧，如果資料量
很大，但是我改變一項就要重新繪製所有的item，這肯定不合理是吧！於是乎，我用了一個傻辦法
來修改某個Item中控制項的值，我在Java代碼中寫了這樣一段代碼：

    private void updateListItem(int postion,Data mData){        int visiblePosition = list_one.getFirstVisiblePosition();        View v = list_one.getChildAt(postion - visiblePosition);        ImageView img = (ImageView) v.findViewById(R.id.img_icon);        TextView tv = (TextView) v.findViewById(R.id.txt_content);        img.setImageResource(mData.getImgId());        tv.setText(mData.getContent());    }

後來和群裡的朋友討論了下，發現自己錯了：

notifyDataSetChanged()方法會判斷是否需要重新渲染，如果當前item沒有必要重新渲染
是不會重新渲染的，如果某個Item的狀態發生改變，都會導致View的重繪，而重繪的並不是
所有的Item，而是View狀態發生變化的那個Item！所以我們直接notifyDataSetChange()方法
即可，當然知道多一個上面的方法也沒什麼~

代碼下載：

ListViewDemo3.zip

本節小結：

好的，本節跟大家講述了ListView中資料更新的實現，當然不止ListView，其他的Adapter
類控制項都可以調用這些方法來完成資料更新~就說這麼多吧~謝謝

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Android基礎入門教程——2.4.6 ListView的資料更新問題