Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > RecyclerView实现列表数据选择操作

Android使用RecyclerView实现列表数据选择操作

作者:迟做总比不做强

这篇文章主要为大家详细介绍了Android使用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>

界面布局是随意写的,请根据实际情况调整。上丑图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文