溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關RecyclerView中如何解決使用CheckBox出現勾選混亂的問題的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
首先當然是創建一個項目，然后在activity_main中添加一個RecyclerView控件，當然，在這之前，我們需要先添加RecyclerView的依賴，如下圖：
然后 開始編輯activity_main：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.RecyclerView android:id="@+id/id_recycler_view" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> </LinearLayout>
接下來為這個RecyclerView創建一個item布局文件，命名為item_recyclerview，并添加一個CheckBox空間，代碼如下：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="60dp" android:gravity="center_vertical"> <CheckBox android:id="@+id/id_check_box" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="CheckBox"/> </LinearLayout>
接下來要編輯MainActivity了，包括從布局文件中找到剛才的RecyclerView控件，然后為其設置Adapter等，過程不再詳細敘述，編輯后的代碼如下：
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
private MyAdapter myAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.id_recycler_view);
myAdapter = new MyAdapter();
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(myAdapter);
}
private class MyAdapter extends RecyclerView.Adapter {
private List<String> content;
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false);
return new MyViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
MyViewHolder myViewHolder = (MyViewHolder) holder;
myViewHolder.checkBox.setText(content.get(position));
}
@Override
public int getItemCount() {
content = new ArrayList<>();
for (int i = 0; i < 100; i++) {
content.add("CheckBox" + i);
}
return content.size();
}
}
private class MyViewHolder extends RecyclerView.ViewHolder {
private CheckBox checkBox;
public MyViewHolder(View itemView) {
super(itemView);
checkBox = (CheckBox) itemView.findViewById(R.id.id_check_box);
}
}
}可以看到，我們為這個RecyclerView設置了100個item，每個item里面都含有一個CheckBox，這時候運行這個應用，勾選出現的屏幕上的某一個或者多個CheckBox之后，當你向下拉的時候，問題出現了，你會發現下面會有很多的CheckBox也被選中了。下面我們就來著手解決這個問題，其實要解決也很簡單，可以定義一個boolean類型的數組或者列表，用它來控制CheckBox的選中狀態，當某個CheckBox被選中的時候將其選中狀態記錄在數組或列表中，當某個CheckBox滾動到屏幕上的時候，再用數組或列表中對應的值把它的選中狀態改回來就好了，修改后的代碼如下：
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
private MyAdapter myAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.id_recycler_view);
myAdapter = new MyAdapter();
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(myAdapter);
}
private class MyAdapter extends RecyclerView.Adapter {
private List<String> content;
private boolean[] flag = new boolean[100];//此處添加一個boolean類型的數組
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false);
return new MyViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
MyViewHolder myViewHolder = (MyViewHolder) holder;
myViewHolder.checkBox.setText(content.get(position));
myViewHolder.checkBox.setOnCheckedChangeListener(null);//先設置一次CheckBox的選中監聽器，傳入參數null
myViewHolder.checkBox.setChecked(flag[position]);//用數組中的值設置CheckBox的選中狀態
//再設置一次CheckBox的選中監聽器，當CheckBox的選中狀態發生改變時，把改變后的狀態儲存在數組中
myViewHolder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
flag[position] = b;
}
});
}
@Override
public int getItemCount() {
content = new ArrayList<>();
for (int i = 0; i < 100; i++) {
content.add("CheckBox" + i);
}
return content.size();
}
}
private class MyViewHolder extends RecyclerView.ViewHolder {
private CheckBox checkBox;
public MyViewHolder(View itemView) {
super(itemView);
checkBox = (CheckBox) itemView.findViewById(R.id.id_check_box);
}
}
}比較這兩段代碼，我們會發現，首先我們定義了一個長度為100的數組，然后設置CheckBox的選中監聽器，把null作為參數傳進去，然后用數組中的值設置對應CheckBox的選中狀態，最后再一次設置CheckBox的選中監聽器，把CheckBox的選中狀態儲存在數組中的相應位置中。再次運行，發現問題已解決。
下面我們來討論一下，如果要在RecyclerView的外面再添加一個CheckBox，用外面的CheckBox來控制RecyclerView中的CheckBox的全選和取消全選，要如何實現呢？
其實也很簡單，只要用這個CheckBox來控制之前所定義的數組的指就好了。
首先來修改一下activity_main，代碼如下：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="60dp" android:gravity="center_vertical"> <CheckBox android:id="@+id/id_select_all" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="SelectAll"/> </LinearLayout> <android.support.v7.widget.RecyclerView android:id="@+id/id_recycler_view" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> </LinearLayout>
我們在RecyclerView的外面添加了一個CheckBox，用這個CheckBox來控制RecyclerView中的CheckBox的全選，接下來修改MainActivity:
public class MainActivity extends AppCompatActivity {
private CheckBox selectAll;
private RecyclerView recyclerView;
private MyAdapter myAdapter;
private boolean []flag;//把flag數組定義為全局變量
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
selectAll = (CheckBox) findViewById(R.id.id_select_all);
recyclerView = (RecyclerView) findViewById(R.id.id_recycler_view);
flag = new boolean[100];//初始化flag
myAdapter = new MyAdapter();
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(myAdapter);
//設置外面CheckBox的選中監聽器，把它的選中狀態賦值給其他的所有CheckBox,然后更新RecyclerView的Adapter
selectAll.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
for (int i = 0; i < 100; i++) {
flag[i] = b;
}
myAdapter.notifyDataSetChanged();
}
});
}
private class MyAdapter extends RecyclerView.Adapter {
private List<String> content;
// private boolean[] flag = new boolean[100];
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false);
return new MyViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
MyViewHolder myViewHolder = (MyViewHolder) holder;
myViewHolder.checkBox.setText(content.get(position));
myViewHolder.checkBox.setOnCheckedChangeListener(null);
myViewHolder.checkBox.setChecked(flag[position]);
myViewHolder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
flag[position] = b;
}
});
}
@Override
public int getItemCount() {
content = new ArrayList<>();
for (int i = 0; i < 100; i++) {
content.add("CheckBox" + i);
}
return content.size();
}
}
private class MyViewHolder extends RecyclerView.ViewHolder {
private CheckBox checkBox;
public MyViewHolder(View itemView) {
super(itemView);
checkBox = (CheckBox) itemView.findViewById(R.id.id_check_box);
}
}
}這里我們先把記錄CheckBox選中狀態的數組定義為全局變量，然后設置外面的CheckBox的監聽器，把它的選中狀態賦值給其他的所有CheckBox，緊接著更新一下RecyclerView的Adapter就可以了
這里我們在討論一下RecyclerView的另外一個問題，就是當要刪除某個子項的時候會出現刪除紊亂的情況，為了說明這個問題，我們
先來嘗試實踐一下，修改item_recyclerview：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="60dp" android:gravity="center_vertical"> <CheckBox android:id="@+id/id_check_box" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="CheckBox"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="10dp" android:text="delete"/> </RelativeLayout>
我們增加了一個Button，接下來設置這個Button，當它被點擊的時候就刪除它所在位置的item，修改MainActivity如下，主要修改的是Adapter部分，其他部分的代碼就不貼了：
private class MyAdapter extends RecyclerView.Adapter {
// private List<String> content;
// private boolean[] flag = new boolean[100];
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false);
return new MyViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
final MyViewHolder myViewHolder = (MyViewHolder) holder;
myViewHolder.checkBox.setText(content.get(position));
myViewHolder.checkBox.setOnCheckedChangeListener(null);
myViewHolder.checkBox.setChecked(flag[position]);
myViewHolder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
flag[position] = b;
}
});
//設置監聽器，當按鈕被點擊是，刪除它所在的item
myViewHolder.button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
content.remove(position);
notifyItemRemoved(position);
}
});
}
@Override
public int getItemCount() {
// content = new ArrayList<>();
// for (int i = 0; i < 100; i++) {
// content.add("CheckBox" + i);
// }
return content.size();
}
}
private class MyViewHolder extends RecyclerView.ViewHolder {
private CheckBox checkBox;
private Button button;//定義刪除按鈕
public MyViewHolder(View itemView) {
super(itemView);
checkBox = (CheckBox) itemView.findViewById(R.id.id_check_box);
button = (Button) itemView.findViewById(R.id.id_delete);
}
}這是點擊Button，我們會發現，問題出現了，第一次可以正常刪除，第二次刪除的item卻是我們點擊的Button所在的下一個item，后面的刪除也會各種混亂，這是因為函數里面的傳入的參數position，它是在進行onBind操作時確定的，在刪除單項后，已經出現在畫面里的項不會再有調用onBind機會，這樣它保留的position一直是未進行刪除操作前的postion值，對于尚未進入畫面的單項來說，它會使用新的position值（好吧這段是抄的，其實我也不太懂啥意思），解決方法如下：
myViewHolder.button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
content.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(position, content.size());//對于被刪掉的位置及其后range大小范圍內的view進行重新onBindViewHolder
}
});只要加一行代碼就好了，這行代碼的作用就是對于被刪掉的位置及其后range大小范圍內的view進行重新onBindViewHolder
感謝各位的閱讀！關于“RecyclerView中如何解決使用CheckBox出現勾選混亂的問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
