2. 程式人生 > >ListView巢狀CheckBox滑動時CheckBox選中狀態錯亂

ListView巢狀CheckBox滑動時CheckBox選中狀態錯亂

阿新 • • 發佈：2019-01-09

轉載自：http://blog.csdn.net/qq_20521573/article/details/52655570

在討論這個問題之前應該先了解ListView的複用機制 
ListView複用的原理：ListView中的每一個Item顯示都需要Adapter呼叫一次getView的方法，這個方法會傳入一個convertView的引數，返回的View就是這個Item顯示的View。如果當Item的數量足夠大，再為每一個Item都建立一個View物件，必將佔用很多記憶體，建立View物件（mInflater.inflate(R.layout.lv_item, null);從xml中生成View，這是屬於IO操作）也是耗時操作，所以必將影響效能。Android提供了一個叫做Recycler(反覆迴圈器)的構件，就是當ListView的Item從上方滾出螢幕視角之外，對應Item的View會被快取到Recycler中，相應的會從下方生成一個Item，而此時呼叫的getView中的convertView引數就是滾出螢幕的Item的View，所以說如果能重用這個convertView，就會大大改善效能。 
如果一個螢幕最多顯示7個Item，當Item1滑出螢幕，此時Item1 的View被新增進Recycler中，相應的在下部要產生一個Item8，這時呼叫getView方法，convertView引數就是Item1 的View。 
ListView的複用雖然大大提升了效能，但是卻也帶來很多問題。比如在載入圖片時，由於下邊的item複用了上邊的item，造成下邊item剛加載出來時顯示的還是上邊被複用的item的圖片，等到這個新的item載入圖片完畢時才會正常顯示，這就是convert view複用造成listview圖片載入錯亂的問題。 
與上邊問題相似，在listview的item中存在CheckBox時也會由於複用convert view導致CheckBox的選中狀態錯亂，本片內容將解決由於複用導致CheckBox選中狀態錯亂的問題。 
先看下存在問題的效果圖 
這裡寫圖片描述

上圖中只選中了北京市和天津市，當下滑ListView時發現下邊的河南省和山東省也被選中了，再往下滑四川省和臺灣省也被選中。其實可以發現一個規律，每一屏都會有兩個條目被選中，其實這兩個被選中的條目就是因為複用了第一屏的兩個被選中的條目所導致的。 
先看下ListView沒有優化前的程式碼：

package com.example.edianzu.mycheckbox;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;

import
 
 java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ListView mListView;
    private List<String> mStringList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mStringList=new
 
 ArrayList<>();
        mStringList.add("北京市");mStringList.add("天津市");mStringList.add("上海市");mStringList.add("重慶市");
        mStringList.add("河北省");mStringList.add("山西省");mStringList.add("遼寧省");mStringList.add("河南省");
        mStringList.add("山東省");mStringList.add("湖北省");mStringList.add("湖南省");mStringList.add("江西省");
        mStringList.add("福建省");mStringList.add("陝西省");mStringList.add("四川省");mStringList.add("臺灣省");
        mListView= (ListView) findViewById(R.id.lv_main);
        MyAdapter adapter=new MyAdapter(this,mStringList);
        mListView.setAdapter(adapter);

    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

MainActivity中的程式碼為ListView適配資料和適配Adapter，不作過多解釋。

package com.example.edianzu.mycheckbox;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * Created by zhpan on 2016/9/24.
 */

public class MyAdapter extends BaseAdapter {

    List<String> mStringList;
    Context mContext;

    public MyAdapter(Context context, List<String> stringList) {
        mStringList = stringList;
        mContext=context;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        MyViewHolder holder;
        if(convertView==null){
            convertView=View.inflate(mContext,R.layout.item,null);
            holder=new MyViewHolder();
            holder.mTextView= (TextView) convertView.findViewById(R.id.tv_item);
            holder.mCheckBox= (CheckBox) convertView.findViewById(R.id.cb_item);
            convertView.setTag(holder);
        }else {
            holder= (MyViewHolder) convertView.getTag();
        }

        holder.mTextView.setText(mStringList.get(position));

        return convertView;
    }

    @Override
    public int getCount() {
        return mStringList.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    public static class  MyViewHolder {
        TextView mTextView;
        CheckBox mCheckBox;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66

在Adapter中只是複用了convertView,沒有對CheckBox做任何處理，那麼這樣寫的程式碼是存在上圖中的CheckBox選中狀態錯亂問題的。為了解決這個問題我們需要對CheckBox的選中狀態做下儲存，可以在Adapter中宣告一個Map集合用來儲存被選中的CheckBox。修改後程式碼如下：

package com.example.edianzu.mycheckbox;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * Created by zhpan on 2016/9/24.
 */

public class MyAdapter extends BaseAdapter {

    List<String> mStringList;
    Context mContext;
    private Map<Integer,Boolean> map=new HashMap<>();// 存放已被選中的CheckBox

    public MyAdapter(Context context, List<String> stringList) {
        mStringList = stringList;
        mContext=context;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        MyViewHolder holder;
        if(convertView==null){
            convertView=View.inflate(mContext,R.layout.item,null);
            holder=new MyViewHolder();
            holder.mTextView= (TextView) convertView.findViewById(R.id.tv_item);
            holder.mCheckBox= (CheckBox) convertView.findViewById(R.id.cb_item);
            convertView.setTag(holder);
        }else {
            holder= (MyViewHolder) convertView.getTag();
        }

        holder.mTextView.setText(mStringList.get(position));
        holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked==true){
                    map.put(position,true);
                }else {
                    map.remove(position);
                }
            }
        });

        if(map!=null&&map.containsKey(position)){
            holder.mCheckBox.setChecked(true);
        }else {
            holder.mCheckBox.setChecked(false);
        }

        return convertView;
    }

    @Override
    public int getCount() {
        return mStringList.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    public static class  MyViewHolder {
        TextView mTextView;
        CheckBox mCheckBox;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83

針對這個問題我們子Adapter中加入了一個Map集合，其中Map的key用來儲存條被選中的checkbox的position，value用來儲存checkbox被選中。程式碼中還添加了checkbox的監聽事件，在監聽事件中判斷點選的checkbox是否被選中，如果被選中了則將position新增到集合，並設定狀態未true，否則就將該checkbox從集合中移除。然後通過if語句判斷集合中是否存在該checkbox，如果存在則證明是被選中的,遂將該checkbox設定為選中狀態setChecked(true)，否則證明checkbox沒有選中則設定setChecked(false)。這樣就解決了checkbox選中狀態錯亂的問題。 
看下優化後的效果圖 
這裡寫圖片描述

優化後不會再出現錯亂問題了。

相關推薦

ListView巢狀CheckBox滑動時CheckBox選中狀態錯亂

轉載自：http://blog.csdn.net/qq_20521573/article/details/52655570 在討論這個問題之前應該先了解ListView的複用機制  ListView複用的原理：ListView中的每一個Item顯示都需要Adapte

ListView巢狀RecycleView滑動卡頓問題的優化方案

丟擲問題 ListView巢狀RecycleView（或者ListView、GridView）時會存在效能問題，是由於內層RecycleView做為外層Listview的item載入時，該RecycleView又會一次性載入它自身的子item項，子item越複

解決listview巢狀checkbox滑動時狀態的錯亂

在listview的item中存在CheckBox時也會由於複用convert view導致CheckBox的選中狀態錯亂，本片內容將解決由於複用導致CheckBox選中狀態錯亂的問題。 先看下存在問題的效果圖 public class MainActivity ex

android listview巢狀時,顯示不全和不能滑動的解決

在listview巢狀listview的過程中,如果我們不寫一點特殊的操作的話,可能子listview會顯示不全,並且無法滑動,那麼應該怎麼解決呢 1.子listview繼承listview,然後重寫onmeasure方法,在裡面手動的去計算高度,然後傳給super方法,這

ListView 複用導致 CheckBox 選中狀態錯亂

在ListView巢狀CheckBox 等一些有標記的View時，如果不做處理，在ListView 滑動的時候， 會造成View的選中狀態錯亂。 比如： 可以看到 剛開始選中了demo2 和demo3。滑動到下一頁的時候，demo10 和demo11 也被選中。 當然要解決

解決ScrollView或者listview巢狀ViewPager 時候 Pager左右滑動不流暢

pager.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) {

android ListView/GridView與ScrollView巢狀的滑動衝突解決

首先說一下思路，主要就是去掉子ListView/GridView的內容全部顯示出來，使其不需要滑動。然後用ScrollView將其包裹在其中，接管滑動事件，達到整個佈局的滑動效果。 實際做法需要將ListView/GridView 與 ScrollView 覆

NavigationView headerLayout中巢狀RecyclerView滑動衝突問題

<?xml version="1.0" encoding="utf-8"?> <com.vechain.vecar.ui.view.MyDrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"

CoordinatorLayout 巢狀Recyclerview在巢狀Recyclerview滑動出現衝突解決辦法

RecyclerView巢狀RecycleView  要做一個介面，CoordinatorLayout巢狀AppBarLayout和RecyclerView來實現摺疊滑動，我的RecycleView裡面佈局較多，計劃再嵌入RecyclerView來實現，當我用到RecyclerView新增

UWP LISTVIEW巢狀LISTVIEW

文章來自：原始碼線上https://shengli.me/wxxcx/199.html 程式碼：   >>小程式下拉框的實現   <<沒有了 相關內容  UWP LISTVIEW巢狀

android ListView 巢狀 ListView

實現的效果是這個樣子的 看上去效果還是不錯，不過現在有個重新整理問題一直沒能解決，重新整理的時候裡面的adapter進行重新整理的時候總是會讓裡面的listview消失掉，應該是父listview先重新整理完後，子listview還未重新整理完成，導致測量的高度不對，就會

解決Fragment裡巢狀ViewPager滑動卡頓的問題

一、先來看一下ViewPager左右滑動正常情況： 如下圖所示，Activity 裡有一個ViewPager，ViewPager左右滑動的時候切換“我申請上”和“我受邀上”兩個Fragment 程式碼如下： 二、再來看一下ViewPager左右滑動卡頓的情況： 如

Android Viewpager巢狀Viewpager滑動衝突。

場景：tablayout繫結viewpager，viewpager巢狀fragement，其中一個fragment中嵌套了一個子viewpager，導致不能正常滑動。 解決方法： 重寫viewpager的canScroll()方法。 @Override protected bo

當ListView巢狀在ScrollView，無法置頂【啟動位置偏移的解決方案】

myScrollView.smoothScrollTo(0,20); 在程式碼裡去掉listview的焦點，lv.setFocusable(false); 以上是關鍵程式碼。     全域性程式碼如下： package com.findai.xkk.ai_

ScrollView+listview巢狀使用

ScrollView 建議使用【android.support.v4.widget.NestedScrollView】進行使用，不需要自定義重寫ScrollView ，NestedScrollView用

原 NestedScrollview 巢狀 RecyclerView 滑動卡頓，ScrollView 巢狀 RecyclerView 衝

   用 ScrollView 巢狀 RecyclerView 的時候會出現 衝突的情況，這個時候，很多人都知道要使用 NestedScrollView來替換 ScrollView... 但是，當NestedScrollview 巢狀 RecyclerVi

解決AppBarLayout巢狀WebView滑動衝突的問題

首先，自定義WebView import android.content.Context; import android.util.AttributeSet; import android.view.GestureDetector; import android.view.GestureDete

ListView巢狀ListView,TextView有多行文字顯示不全不問題

這是在網上找到的相關的解決方法，記錄下來，方便以後檢視。 關於ListView巢狀ListView，在網上找到的解決方法是呼叫自定義的方法動態計算listview的高度： public void setListViewHeightBasedOnChildren(ListVi

Android Scrollview巢狀RecycleView滑動不流暢，卡頓問題

最近在做專案時，需要仿QQ那樣的彈性動畫效果。於是就用ScrollView加RecycleView開始了。 <com.dten.assistant.ui.view.MyScrollView android:layout_width="ma

ScrollView 巢狀 RecyclerView 滑動到底端 在滑動的時候出現卡頓（絕對管用）

         商城專案功能基本結束了，終於可以改改BUG了 。         在做首頁的時候就出現了ScrollVeiw 巢狀RecycleView  滑動卡頓的的問題，百度了 好多，千篇一律 各種Copy 找不到好的解決辦法，什麼不要設定RecycleView 複用