Android入門教程三十九之ListView的數據更新問題


我們前面已經學習了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系列教程上篇

關注更多文章


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com