[关闭]
@coder-pig 2015-09-21T11:40:00.000000Z 字数 6081 阅读 1182

Android基础入门教程——2.4.6 ListView的数据更新问题

Android基础入门教程


本节引言:

我们前面已经学习了ListView的一些基本用法咧,但是细心的你可能发现了,我们的数据
一开始定义好的,都是静态的,但是实际开发中,我们的数据往往都是动态变化的,比如
我增删该了某一列,那么列表显示的数据也应该进行同步的更新,那么本节我们就来探讨
下ListView数据更新的问题,包括全部更新,以及更新其中的一项,那么开始本节内容!~


1.先写个正常的demo先

好的,先写个正常的Demo先,等下我们再慢慢调:

entity类:Data.java

  1. /**
  2. * Created by Jay on 2015/9/21 0021.
  3. */
  4. public class Data {
  5. private int imgId;
  6. private String content;
  7. public Data() {}
  8. public Data(int imgId, String content) {
  9. this.imgId = imgId;
  10. this.content = content;
  11. }
  12. public int getImgId() {
  13. return imgId;
  14. }
  15. public String getContent() {
  16. return content;
  17. }
  18. public void setImgId(int imgId) {
  19. this.imgId = imgId;
  20. }
  21. public void setContent(String content) {
  22. this.content = content;
  23. }
  24. }

Activity布局以及列表项布局

activity_main.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical"
  6. tools:context=".MainActivity">
  7. <ListView
  8. android:id="@+id/list_one"
  9. android:layout_width="match_parent"
  10. android:layout_height="match_parent" />
  11. </LinearLayout>

item_list.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="horizontal">
  6. <ImageView
  7. android:id="@+id/img_icon"
  8. android:layout_width="56dp"
  9. android:layout_height="56dp"/>
  10. <TextView
  11. android:id="@+id/txt_content"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:layout_marginTop="20dp"
  15. android:layout_marginLeft="10dp"
  16. android:textSize="18sp" />
  17. </LinearLayout>

自定义BaseAdapter的实现:MyAdapter.java

  1. /**
  2. * Created by Jay on 2015/9/21 0021.
  3. */
  4. public class MyAdapter extends BaseAdapter {
  5. private Context mContext;
  6. private LinkedList<Data> mData;
  7. public MyAdapter() {}
  8. public MyAdapter(LinkedList<Data> mData, Context mContext) {
  9. this.mData = mData;
  10. this.mContext = mContext;
  11. }
  12. @Override
  13. public int getCount() {
  14. return mData.size();
  15. }
  16. @Override
  17. public Object getItem(int position) {
  18. return null;
  19. }
  20. @Override
  21. public long getItemId(int position) {
  22. return position;
  23. }
  24. @Override
  25. public View getView(int position, View convertView, ViewGroup parent) {
  26. ViewHolder holder = null;
  27. if(convertView == null){
  28. convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list,parent,false);
  29. holder = new ViewHolder();
  30. holder.img_icon = (ImageView) convertView.findViewById(R.id.img_icon);
  31. holder.txt_content = (TextView) convertView.findViewById(R.id.txt_content);
  32. convertView.setTag(holder);
  33. }else{
  34. holder = (ViewHolder) convertView.getTag();
  35. }
  36. holder.img_icon.setImageResource(mData.get(position).getImgId());
  37. holder.txt_content.setText(mData.get(position).getContent());
  38. return convertView;
  39. }
  40. private class ViewHolder{
  41. ImageView img_icon;
  42. TextView txt_content;
  43. }
  44. }

MainActivity.java的编写:

  1. public class MainActivity extends AppCompatActivity {
  2. private ListView list_one;
  3. private MyAdapter mAdapter = null;
  4. private List<Data> mData = null;
  5. private Context mContext = null;
  6. @Override
  7. protected void onCreate(Bundle savedInstanceState) {
  8. super.onCreate(savedInstanceState);
  9. setContentView(R.layout.activity_main);
  10. mContext = MainActivity.this;
  11. bindViews();
  12. mData = new LinkedList<Data>();
  13. mAdapter = new MyAdapter((LinkedList<Data>) mData,mContext);
  14. list_one.setAdapter(mAdapter);
  15. }
  16. private void bindViews(){
  17. list_one = (ListView) findViewById(R.id.list_one);
  18. }
  19. }

可以运行,运行后发现我们的页面并没有任何的数据,白茫茫的一片,这样的用户体验并不好,
我们可以通过调用ListView的一个setEmptyView(View)的方法,当ListView数据为空的时候,
显示一个对应的View,另外发现这个方法很奇葩,动态添加的View,竟然无效,只能在ListView
所在的布局文件中添加当ListView无数据时,想显示的View,另外用这个setEmptyView设置后的
View,加载的时候竟然不会显示出来,好灵异....比如这里的是没有数据时显示一个没有数据
的TextView,部分代码如下:

  1. <TextView
  2. android:id="@+id/txt_empty"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:layout_gravity="center"
  6. android:textSize="15pt"
  7. android:textColor="#000000"/>
  8. txt_empty = (TextView) findViewById(R.id.txt_empty);
  9. txt_empty.setText("暂无数据~");
  10. list_one.setEmptyView(txt_empty);

当然除了这种方法外我们还可以定义一个与ListView一样大小位置的布局,然后设置,
android:visibility="gone",在Java代码中对mData集合的size进行判断,如果==0,
说明没数据,让这个布局显示出来,当有数据的时候让这个布局隐藏~


2.添加一条记录

好的,我们弄个添加按钮,没按一次添加一条记录哈~

运行效果图

代码实现

在我们自定义的BaseAdapter中定义一个方法,方法内容如下:

  1. public void add(Data data) {
  2. if (mData == null) {
  3. mData = new LinkedList<>();
  4. }
  5. mData.add(data);
  6. notifyDataSetChanged();
  7. }

然后布局自己加个按钮,然后设置下事件,代码如下:

  1. private Button btn_add;
  2. btn_add = (Button) findViewById(R.id.btn_add);
  3. btn_add.setOnClickListener(this);
  4. @Override
  5. public void onClick(View v) {
  6. switch (v.getId()){
  7. case R.id.btn_add:
  8. mAdapter.add(new Data(R.mipmap.ic_icon_qitao,"给猪哥跪了~~~ x " + flag));
  9. flag++;
  10. break;
  11. }
  12. }

嘿嘿,成了,添加数据就这么简单~,如果你想插入到特定位置,也行,我们Adapter类里,再另外
写一个方法:

  1. //往特定位置,添加一个元素
  2. public void add(int position,Data data){
  3. if (mData == null) {
  4. mData = new LinkedList<>();
  5. }
  6. mData.add(position,data);
  7. notifyDataSetChanged();
  8. }

然后加个按钮,写个事件:

  1. private Button btn_add2;
  2. btn_add2 = (Button) findViewById(R.id.btn_add2);
  3. btn_add2.setOnClickListener(this);
  4. case R.id.btn_add2:
  5. //position从0开始算的
  6. mAdapter.add(4,new Data(R.mipmap.ic_icon_qitao,"给猪哥跪了~~~ x " + flag));
  7. break;

运行效果图

可以看到我们的第九项插入到了第五个位置~


3.删除某一项

同样的,我们写两个方法,一个直接删对象,一个根据游标来删:

  1. public void remove(Data data) {
  2. if(mData != null) {
  3. mData.remove(data);
  4. }
  5. notifyDataSetChanged();
  6. }
  7. public void remove(int position) {
  8. if(mData != null) {
  9. mData.remove(position);
  10. }
  11. notifyDataSetChanged();
  12. }

然后加两个Button,调用下这两个方法:

  1. case R.id.btn_remove:
  2. mAdapter.remove(mData_5);
  3. break;
  4. case R.id.btn_remove2:
  5. mAdapter.remove(2);
  6. break;

运行效果图

从图中我们可以看到,第五项被移除了,然后点击游标删除数据,一直删的是第三项!


4.移除所有的记录:

这个更加简单,直接调用clear方法即可!方法代码如下:

  1. public void clear() {
  2. if(mData != null) {
  3. mData.clear();
  4. }
  5. notifyDataSetChanged();
  6. }

5.更新某一个记录

细心的你应该发现了,进行了数据修改操作后,都会调用一个notifyDataSetChanged();
一开始我以为:

notifyDataSetChanged()会把界面上现实的的item都重绘一次,这样会影响ui性能吧,如果数据量
很大,但是我改变一项就要重新绘制所有的item,这肯定不合理是吧!于是乎,我用了一个傻办法
来修改某个Item中控件的值,我在Java代码中写了这样一段代码:

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

后来和群里的朋友讨论了下,发现自己错了

notifyDataSetChanged()方法会判断是否需要重新渲染,如果当前item没有必要重新渲染
是不会重新渲染的,如果某个Item的状态发生改变,都会导致View的重绘,而重绘的并不是
所有的Item,而是View状态发生变化的那个Item!所以我们直接notifyDataSetChange()方法
即可,当然知道多一个上面的方法也没什么~


代码下载:

ListViewDemo3.zip


本节小结:

好的,本节跟大家讲述了ListView中数据更新的实现,当然不止ListView,其他的Adapter
类控件都可以调用这些方法来完成数据更新~就说这么多吧~谢谢

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注