• [置顶] android ListView包含Checkbox滑动时状态改变


    题外话:

    在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项对应的itemview的实例并缓存起来,当滑动屏幕,第一项还未移除屏幕,然后第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>
    看到这里是不是觉得很简单啊!!!!嘻嘻。


  • 相关阅读:
    【转载】MFC与ARX结合开发完美的AutoCAD应用程序
    【转载】SDK中调用COM的例子
    Visual Studio 2010 Beta 2 官方下载地址公布
    【转载】WPF中DataTemplate基本原理与缺陷分析
    【转载】曲线打断、求交点
    【转载】MFC单文档视图穷追猛打
    【转载】在对话框中加入属性页
    【项目】08年度科创项目“绘图助手工具箱”项目成果发布
    【项目】ARX程序开发:框裁直线(Rect Trim Line)功能开发
    【转载】ARX程序再VS2002中的调试初探
  • 原文地址:https://www.cnblogs.com/zhangmumu/p/7374806.html
Copyright © 2020-2023  润新知