1. 程式人生 > >RecyclerView+CheckBox實現列表資料選擇操作

RecyclerView+CheckBox實現列表資料選擇操作

  這些時間做安卓盒子專案,因為安卓電視的顯示器比較大,所以一個介面顯示 很多資料 ,最多的時候,一個Actvity中用到了好幾個RecyclerView。
  在RecyclerView中實現Item選中處理時,發現用CheckBox的OnCheckedChangeListener監聽事件時,會達不到預期,所以用了OnClickListener來實現。

主介面程式碼:

public class CheckRecyclerViewActivity extends AppCompatActivity implements CheckAdapter.CheckItemListener {
    //介面卡
private CheckAdapter mCheckAdapter; //列表 private RecyclerView check_rcy; //全選操作 private CheckBox check_all_cb; //列表資料 private List<CheckBean> dataArray; //選中後的資料 private List<CheckBean> checkedList; private boolean isSelectAll; @Override protected
void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_check_recyclerview); checkedList = new ArrayList<>(); initDatas(); initViews(); } private void initViews() { check_rcy = (RecyclerView) findViewById(R.id.check_rcy); check_all_cb = (CheckBox) findViewById(R.id.check_all_cb); LinearLayoutManager linearLayoutManager = new
LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false); check_rcy.setLayoutManager(linearLayoutManager); mCheckAdapter = new CheckAdapter(this, dataArray, this); check_rcy.setAdapter(mCheckAdapter); //如果使用CheckBox的OnCheckedChangeListener事件,則選中事件會有一些意想不到的結果,歡迎體驗 //在列表Item中的CheckBox也一樣的效果 check_all_cb.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { isSelectAll = !isSelectAll; checkedList.clear(); if (isSelectAll) {//全選處理 checkedList.addAll(dataArray); } for (CheckBean checkBean : dataArray) { checkBean.setChecked(isSelectAll); } mCheckAdapter.notifyDataSetChanged(); } }); } private void initDatas() { dataArray = new ArrayList<>(); for (int i = 0; i < 20; i++) { CheckBean bean = new CheckBean(); bean.setOrder(String.valueOf(i + 1)); bean.setName("名稱_" + i); bean.setContent("第" + i + "條內容"); bean.setTime(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())); dataArray.add(bean); } } @Override public void itemChecked(CheckBean checkBean, boolean isChecked) { //處理Item點選選中回撥事件 if (isChecked) { //選中處理 if (!checkedList.contains(checkBean)) { checkedList.add(checkBean); } } else { //未選中處理 if (checkedList.contains(checkBean)) { checkedList.remove(checkBean); } } //判斷列表資料是否全部選中 if (checkedList.size() == dataArray.size()) { check_all_cb.setChecked(true); } else { check_all_cb.setChecked(false); } } }

列表資料介面卡:

public class CheckAdapter extends RecyclerView.Adapter<CheckAdapter.ViewHolder> {
    private Context mContext;
    private List<CheckBean> mDatas;
    private CheckItemListener mCheckListener;

    public CheckAdapter(Context mContext, List<CheckBean> mDatas, CheckItemListener mCheckListener) {
        this.mContext = mContext;
        this.mDatas = mDatas;
        this.mCheckListener = mCheckListener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.check_recyclerview_item, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        final CheckBean bean = mDatas.get(position);
        holder.item_order_tv.setText(bean.getOrder());
        holder.item_name_tv.setText(bean.getName());
        holder.item_content_tv.setText(bean.getContent());
        holder.item_time_tv.setText(bean.getTime());
        holder.item_cb.setChecked(bean.isChecked());
        //點選實現選擇功能,當然可以把點選事件放在item_cb對應的CheckBox上,只是焦點範圍較小
        holder.item_content_ll.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                bean.setChecked(!bean.isChecked());
                holder.item_cb.setChecked(bean.isChecked());
                if (null != mCheckListener) {
                    mCheckListener.itemChecked(bean, holder.item_cb.isChecked());
                }
                notifyDataSetChanged();
            }
        });
    }

    @Override
    public int getItemCount() {
        return mDatas.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        //序號
        private TextView item_order_tv;
        //選擇
        private CheckBox item_cb;
        //整個條目
        private LinearLayout item_content_ll;
        //名稱
        TextView item_name_tv;
        //內容
        TextView item_content_tv;
        //時間
        private TextView item_time_tv;


        public ViewHolder(View itemView) {
            super(itemView);
            item_order_tv = (TextView) itemView.findViewById(R.id.item_order_tv);
            item_cb = (CheckBox) itemView.findViewById(R.id.item_cb);
            item_name_tv = (TextView) itemView.findViewById(R.id.item_name_tv);
            item_content_tv = (TextView) itemView.findViewById(R.id.item_content_tv);
            item_time_tv = (TextView) itemView.findViewById(R.id.item_time_tv);
            item_content_ll = (LinearLayout) itemView.findViewById(R.id.item_content_ll);
        }
    }

    public interface CheckItemListener {

        void itemChecked(CheckBean checkBean, boolean isChecked);
    }
}

測試資料實體BEAN:

public class CheckBean implements Serializable {
    private String order;
    private String name;
    private String content;
    private String time;
    private boolean isChecked;

    public String getOrder() {
        return order;
    }

    public void setOrder(String order) {
        this.order = order;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public String getTime() {
        return time;
    }

    public void setTime(String time) {
        this.time = time;
    }

    public boolean isChecked() {
        return isChecked;
    }

    public void setChecked(boolean checked) {
        isChecked = checked;
    }
}

主介面佈局檔案:

<?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:layout_margin="10dp"
        android:background="@drawable/drawable_white_round_bg"
        android:orientation="vertical">

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:orientation="horizontal">

        <TextView
                android:layout_width="40dp"
                android:layout_height="match_parent"
                android:text="序號"
                android:layout_marginLeft="10dp"
                android:textSize="12sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <CheckBox
                android:id="@+id/check_all_cb"
                android:layout_width="12dp"
                android:layout_gravity="center"
                android:button="@null"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_height="12dp"
                android:background="@drawable/drawable_cb_selector"
                />

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="名稱"
                android:layout_marginLeft="10dp"
                android:textSize="12sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <TextView
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:text="內容"
                android:layout_marginLeft="10dp"
                android:textSize="12sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <TextView
                android:layout_width="80dp"
                android:layout_height="match_parent"
                android:text="時間"
                android:layout_marginLeft="10dp"
                android:textSize="12sp"
                android:textColor="#333333"
                android:gravity="center"
                />
    </LinearLayout>

    <View
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:background="#bcbcbc"></View>

    <android.support.v7.widget.RecyclerView
            android:id="@+id/check_rcy"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"></android.support.v7.widget.RecyclerView>

</LinearLayout>

列表Item佈局:

<?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="wrap_content">

    <LinearLayout
            android:id="@+id/item_content_ll"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal">

        <TextView
                android:id="@+id/item_order_tv"
                android:layout_width="40dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:textSize="15sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <CheckBox
                android:id="@+id/item_cb"
                android:layout_width="20dp"
                android:layout_gravity="center"
                android:button="@null"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_height="20dp"
                android:background="@drawable/drawable_cb_selector"
                />

        <TextView
                android:id="@+id/item_name_tv"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:textSize="15sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <TextView
                android:id="@+id/item_content_tv"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:textSize="15sp"
                android:textColor="#333333"
                android:gravity="center"
                />

        <TextView
                android:id="@+id/item_time_tv"
                android:layout_width="120dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:textSize="15sp"
                android:textColor="#333333"
                android:gravity="center"
                />
    </LinearLayout>

    <View
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:background="#bcbcbc"/>
</LinearLayout>

介面佈局是隨意寫的,請根據實際情況調整。上醜圖:
這裡寫圖片描述