android ListView包含Checkbox滑动时状态改变

来源：互联网发布：中国房价与收入比知乎编辑：程序博客网时间：2024/05/29 07:47

题外话:

在xamarin android的开发中基本上所有人都会遇到这个小小的坎，的确有点麻烦，当时我也折腾了好一半天，如果你能看到这篇博客，说明你和我当初也是一样的焦灼，如果你想解决掉这个小小的坎，那么不要着急，一步一步来。我之前写过一篇Xamarin Android ListView简单的例子，例子入门级别的，Xamarin Android ListView简单用法，你也可以下载这个Demo ListView Demo下载结合下面的代码，那么你的问题马上就能解决。

Adapter中的GetView没有经过优化的代码：

为了使问题更直观，更便于理解，我们先来看看adapter中的重写方法GetView并没有经过优化的代码。我也看过网上很多博客，都是直接ListView优化后的代码来介绍解决这个问题，我觉得新手并不一定能够很懂易就能理解。

<pre name="code" class="csharp">using System;using System.Collections.Generic;using System.Linq;using System.Text;using Android.App;using Android.Content;using Android.OS;using Android.Runtime;using Android.Views;using Android.Widget;using Java.Lang;using DeBug = System.Diagnostics.Debug;namespace DrawerLayout.Adapter{    public class News {        public int Pv { get; set; }        public string Title { get; set; }        public News(string  title,int Pv)        {            this.Title = title;            this.Pv = Pv;        }    }    public class NewsAdapter : BaseAdapter    {        private List<News> data;        private Context context;        public override int Count        {            get            {                return data.Count;            }        }        public NewsAdapter(List<News> data,Context context)        {            this.data = data;            this.context = context;        }        public override Java.Lang.Object GetItem(int position)        {            return null;        }        public override long GetItemId(int position)        {            return position;        }        private int count;        public override View GetView(int position, View convertView, ViewGroup parent)        {            convertView = LayoutInflater.From(context).Inflate(Resource.Layout.lv_test,parent,false);            TextView title = convertView.FindViewById<TextView>(Resource.Id.tv_title);            TextView pv = convertView.FindViewById<TextView>(Resource.Id.tv_pv);            CheckBox chk = convertView.FindViewById<CheckBox>(Resource.Id.chk_test);            pv.Text = data[position].Pv.ToString();            title.Text = data[position].Title;            DeBug.Write($"执行GetView第{position}次");//DeBug.Write直接在输出里面看到到底发生了什么            DeBug.Write(dictChk[position]);            return convertView;        }    }}

Xamarin android中ListView中的CheckBox在滑动的时候失去状态的根本原因：

遇到这个问题，我们首先要知道原因。我们就这个没有优化的代码很容易会发现每一次轻轻的滑动，都会触发GetView方法。滑动一个Item的距离就触发两次，依次类推。反正要知道的是滑动的时候会触发GetView方法就行了，在执行GetView方法，代码一目了然，重新实例化CheckBox，选中的状态并没有维持住。我们现在原因找到，解决的办法就简单多了。直接上代码，用一个Dictionary保存每一次单击Checkbox时状态，就ok,不会这么简单，就是这么简单,直接上代码了.

using System;using System.Collections.Generic;using System.Linq;using System.Text;using Android.App;using Android.Content;using Android.OS;using Android.Runtime;using Android.Views;using Android.Widget;using Java.Lang;using DeBug = System.Diagnostics.Debug;namespace DrawerLayout.Adapter{    public class News {        public int Pv { get; set; }        public string Title { get; set; }        public News(string  title,int Pv)        {            this.Title = title;            this.Pv = Pv;        }    }    public class NewsAdapter : BaseAdapter    {        private List<News> data;        private Context context;        private Dictionary<int, bool> dictChk = new Dictionary<int, bool>();        public override int Count        {            get            {                return data.Count;            }        }        public NewsAdapter(List<News> data,Context context)        {            this.data = data;            this.context = context;            for (int i = 0; i < data.Count; i++)            {                dictChk.Add(i,false);            }        }        public override Java.Lang.Object GetItem(int position)        {            return null;        }        public override long GetItemId(int position)        {            return position;        }        private int count;        public override View GetView(int position, View convertView, ViewGroup parent)        {            convertView = LayoutInflater.From(context).Inflate(Resource.Layout.lv_test,parent,false);            TextView title = convertView.FindViewById<TextView>(Resource.Id.tv_title);            TextView pv = convertView.FindViewById<TextView>(Resource.Id.tv_pv);            CheckBox chk = convertView.FindViewById<CheckBox>(Resource.Id.chk_test);            pv.Text = data[position].Pv.ToString();            title.Text = data[position].Title;            chk.Checked = dictChk[position];//每一个Checkbox是否选中是直接根据dicChk的key（position）获取是否选中            chk.CheckedChange += (s, e) =>            {                dictChk[position] = e.IsChecked;//每一次单击CheckBox，dictChk都会保存单击哪一个（position）的状态            };            DeBug.Write($"执行GetView第{position}次");//DeBug.Write直接在输出里面看到到底发生了什么            DeBug.Write(dictChk[position]);            return convertView;        }    }}

效果图:

这样肯定不行啊！！一般ListView中的控件都会加一个类 ViewHolder来优化啊.

这样肯定不行的，的确这样肯定没有达到你想要的结果，那么经过ListView优化后的怎样来解决这个问题呢？好的，我们先来看一下，listview优化后的代码一般都会是这样的

        public override View GetView(int position, View convertView, ViewGroup parent)        {            ViewHolder holder = null;            if (convertView == null)            {                convertView = LayoutInflater.From(context).Inflate(Resource.Layout.lv_test, parent, false);                holder = new ViewHolder();                holder.tv_title = convertView.FindViewById<TextView>(Resource.Id.tv_title);                holder.tv_pv = convertView.FindViewById<TextView>(Resource.Id.tv_pv);                holder.chk_status = convertView.FindViewById<CheckBox>(Resource.Id.chk_test);                convertView.Tag = holder;            }            else {                holder = (ViewHolder)convertView.Tag;            }            holder.tv_pv.Text = data[position].Pv.ToString();            holder.tv_title.Text = data[position].Title;            DeBug.Write($"执行GetView第{position}次");            DeBug.Write(dictChk[position]);            return convertView;        }

以上代码所出现的问题是在listview滑动的时候，比如你手机能够看到6项，选中第一项之后，滑动之后第七项就选中了，再次反复滑动第1,7项一直都是选中的状态那么原因出在哪里呢?调试的时候我们会很容易看到发生的清空。原因我引用别人博客的一段话，个人觉得解释还是蛮清楚的：

Getview()方法是baseadapter里面一个重要的方法，它是在android显示listview里面的内容的时候回调的一个方法。下面就讲讲这个方法的工作机制（个人观点，如有不对，望指出）现在假设我们有10项内容要显示，但是一屏只能显示5项，那么android会首先创建6项对应的item的view的实例并缓存起来，当滑动屏幕，第一项还未移除屏幕，然后第6项已经进入了屏幕的时候，就会把多余的那个view实例用来显示第6项的内容，只有在第7项已经进入屏幕，但是第1项还未移除屏幕的时候才会新建一个view来显示同时缓存起来，此后就将移除屏幕的view用来显示新进入屏幕的item。

        public override View GetView(int position, View convertView, ViewGroup parent)        {            ViewHolder holder = null;            News item = data[position];            if (convertView == null)            {                convertView = LayoutInflater.From(context).Inflate(Resource.Layout.lv_test, parent, false);                holder = new ViewHolder();                holder.tv_title = convertView.FindViewById<TextView>(Resource.Id.tv_title);                holder.tv_pv = convertView.FindViewById<TextView>(Resource.Id.tv_pv);                holder.chk_status = convertView.FindViewById<CheckBox>(Resource.Id.chk_test);                convertView.Tag = holder;            }            else            {                holder = (ViewHolder)convertView.Tag;            }            holder.chk_status.Tag = position;            holder.tv_pv.Text = data[position].Pv.ToString();            holder.tv_title.Text = data[position].Title;                       <span style="color:#FF0000;">holder.chk_status.Checked = dictChk[(int)holder.chk_status.Tag];</span>            holder.chk_status.CheckedChange += (s, e) =>            {                DeBug.Write((int)holder.chk_status.Tag);                               <span style="color:#FF0000;">dictChk[(int)holder.chk_status.Tag] = e.IsChecked;</span>            };            DeBug.Write($"执行GetView第{position}次");            DeBug.Write(dictChk[position]);            return convertView;        }

position参数的误区:

加上上面两行红色的代码就可以完全解决listView滑动时失去ChecxBox状态的bug了，刚开始学的时候不能理解这个bug是因为这个GetView中的position参数，当你刚学会用这个listview的时候你一定以为position不就是有多少条数据就多大吗？但是实际却是完全相反的，你手机能显示6条数据。position一直都是0-5，当你滑动到2-7的数据时，position还是0-5。还有CheckBox的状态也可以用用实体字段来保存.

Android中Tag是什么

既然不能position来做标识，那就用Tag。这样问题似乎简单多了，好像并没有想象中的复杂啊。简单点说，Tag的作用是和Id的作用是一样的，程序中调用对应的控件用（findViewById(R.tag.chk),findViewByTag(R.tag.chk)）！不过和使用tag相比，使用Id进行查找！效率更快！但是在xamarin android中好像没有Tag这种查找控件的方式．

所以我们就要用Tag来保存这个每一个CheckBox的状态

  <span style="color:#FF0000;">holder.chk_status.Checked = dictChk[(int)holder.chk_status.Tag];</span>

看到这里是不是觉得很简单啊！！！！嘻嘻。

1 0