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

简介: 题外话:在xamarin android的开发中基本上所有人都会遇到这个小小的坎,的确有点麻烦,当时我也折腾了好一半天,如果你能看到这篇博客,说明你和我当初也是一样的焦灼,如果你想解决掉这个小小的坎,那么不要着急,一步一步来。

题外话:

在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>
看到这里是不是觉得很简单啊!!!!嘻嘻。


目录
相关文章
|
3月前
|
Android开发
Android使用ViewPager做无限轮播,人为滑动时停止
Android使用ViewPager做无限轮播,人为滑动时停止
75 2
|
5月前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
64 2
|
4月前
|
Android开发
Android仿高德首页三段式滑动
Android仿高德首页三段式滑动
134 0
|
5月前
|
前端开发 API Android开发
25. 【Android教程】列表控件 ListView
25. 【Android教程】列表控件 ListView
161 2
|
5月前
|
编解码 Android开发
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
89 0
|
5月前
|
XML Android开发 UED
|
6月前
|
Android开发
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
|
6月前
|
XML Java Android开发
如何美化android程序:自定义ListView背景
如何美化android程序:自定义ListView背景
63 2
|
6月前
|
XML Java Android开发
Android控件之基础控件——进度条类的view——TextView、Checkbox复选控件、RadioButton单选控件、ToggleButton开关、SeekBar拖动条、menu、弹窗
Android控件之基础控件——进度条类的view——TextView、Checkbox复选控件、RadioButton单选控件、ToggleButton开关、SeekBar拖动条、menu、弹窗
676 1
|
6月前
|
XML 编解码 Java
Android控件之高级控件——ListView、cardView、屏幕适配
Android控件之高级控件——ListView、cardView、屏幕适配