RecyclerView实现流式标签单选多选功能

2023-08-08 12:12:04 70

RecyclerView简介

RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法。

RecyclerView基本用法

因为RecyclerView属于新增的控件,Android将RecyclerView定义在support库里。若要使用RecyclerView,第一步是要在build.gradle中添加对应的依赖库。

一、实现效果

单选效果：

多选效果：

二、前期准备

依赖的添加：

//瀑布流LayoutManager
implementation'com.google.android:flexbox:1.0.0'
//RecyclerView
implementation'com.android.support:design:28.0.0'

三、使用方法

3.1、多选的实现

1、使用集合存储需要存储或者展示的数据

publicstaticSetpositionSet=newHashSet<>();//用于存储选择的位置
privatebooleanselectMode=true;//选择模式多选或者单选true多选
publicSetcheckTYpeNameSet=newHashSet<>();//用于存储选择项的名称

2、实现流式布局的布局管理器

mRecyclerView=(RecyclerView)findViewById(R.id.recycler);
FlexboxLayoutManagermanager=newFlexboxLayoutManager(this,FlexDirection.ROW,FlexWrap.WRAP){
@Override
publicbooleancanScrollVertically(){
returnfalse;
}
};
mRecyclerView.setLayoutManager(manager);

3、单条点击事件的处理

mAdapter.setOnItemClickListener(newOnItemClickListener(){
@Override
publicvoidOnItemClick(Viewview,intposition){
addOrRemove(position);
}
@Override
publicvoidOnItemLongClick(Viewview,intposition){
}
});
privatevoidaddOrRemove(intposition){
if(positionSet.contains(position)){
//如果包含，则撤销选择
positionSet.remove(position);
checkTYpeNameSet.remove(mListData.get(position).getTagName());
}else{
//如果不包含，则添加
positionSet.add(position);
checkTYpeNameSet.add(mListData.get(position).getTagName());
}
if(positionSet.size()==0){
//如果没有选中任何的item，则退出多选模式
mAdapter.notifyDataSetChanged();
selectMode=false;
}else{
//更新列表界面，否则无法显示已选的item
mAdapter.notifyDataSetChanged();
}
Log.e("info",positionSet.toString());
Toast.makeText(MultipleChoiceActivity.this,checkTYpeNameSet.toString(),Toast.LENGTH_SHORT).show();
}

4、适配的写法

publicclassMultipleRecyclerAdapterextendsRecyclerView.Adapter{
privateContextmContext;
privateListmListData=newArrayList<>();
privateOnItemClickListenermOnItemClickListener;
publicvoidsetOnItemClickListener(OnItemClickListenermOnItemClickListener){
this.mOnItemClickListener=mOnItemClickListener;
}
publicMultipleRecyclerAdapter(ContextmContext,ListmListData){
//mListData=newArrayList<>();
this.mContext=mContext;
this.mListData=mListData;
}
publicvoidupdate(Listlist){
if(list!=null&&list.size()>0){
mListData.addAll(list);
notifyDataSetChanged();
}
}
classViewHolderextendsRecyclerView.ViewHolder{
TextViewtypeTv;
CheckableLayoutrootLayout;
publicViewHolder(@NonNullViewitemView){
super(itemView);
typeTv=(TextView)itemView.findViewById(R.id.alive_type_tv);
rootLayout=(CheckableLayout)itemView.findViewById(R.id.root_layout);
}
}
@NonNull
@Override
publicViewHolderonCreateViewHolder(@NonNullViewGroupviewGroup,inti){
if(mContext==null){
mContext=viewGroup.getContext();
}
Viewview=LayoutInflater.from(mContext).inflate(R.layout.item_recycler,viewGroup,false);
returnnewViewHolder(view);
}
@Override
publicvoidonBindViewHolder(@NonNullfinalViewHolderholder,intposition){
SetpositionSet=MultipleChoiceActivity.positionSet;
//检查set里是否包含position，包含则显示选中的背景色，不包含则反之
if(positionSet.contains(position)){
holder.rootLayout.setChecked(true);
holder.typeTv.setTextColor(mContext.getResources().getColor(R.color.white));
}else{
holder.rootLayout.setChecked(false);
holder.typeTv.setTextColor(mContext.getResources().getColor(R.color.grey_60));
}
TestBeanbean=mListData.get(position);
holder.typeTv.setText(bean.getTagName());
if(mOnItemClickListener!=null){
holder.itemView.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewview){
intpos=holder.getLayoutPosition();
mOnItemClickListener.OnItemClick(holder.itemView,pos);
holder.rootLayout.setChecked(true);
}
});
}
}
@Override
publicintgetItemCount(){
returnmListData!=null?mListData.size():0;
}
}

5、单条布局的XML文件

6、CheckableLayout的使用说明：

实现了Checkable接口，可用于布局的选择，设置选择的样式

publicclassCheckableLayoutextendsRelativeLayoutimplementsCheckable{
privatestaticfinalint[]CHECKED_STATE_SET={android.R.attr.state_checked};
privatebooleanmChecked;
publicCheckableLayout(Contextcontext,AttributeSetattrs){
super(context,attrs);
}
@Override
publicvoidsetChecked(booleanb){
if(b!=mChecked){
mChecked=b;
refreshDrawableState();
}
}
@Override
publicbooleanisChecked(){
returnmChecked;
}
@Override
publicvoidtoggle(){
setChecked(!mChecked);
}
@Override
protectedint[]onCreateDrawableState(intextraSpace){
finalint[]drawableState=super.onCreateDrawableState(extraSpace+1);
if(isChecked())mergeDrawableStates(drawableState,CHECKED_STATE_SET);
returndrawableState;
}
}

3.2、单选的实现

单选和多选的代码几乎完全一致，只需要修改一部分

1、去除记录选择名称的集合，将选择模式设置为false

publicstaticSetpositionSet=newHashSet<>();
privatebooleanselectMode=false;//选择模式多选或者单选true多选

2、单条点击事件需要进行修改

mAdapter.setOnItemClickListener(newOnItemClickListener(){
@Override
publicvoidOnItemClick(Viewview,intposition){
if(selectMode){
//如果当前处于多选状态，则进入多选状态的逻辑
//维护当前已选的position
addOrRemove(position);
}else{
//如果不是多选状态，则进入单选事件的业务逻辑
if(!positionSet.contains(position)){
//选择不同的单位时取消之前选中的单位
positionSet.clear();
}
addOrRemove(position);
}
StringkindName=mListData.get(position).getTagName();
Toast.makeText(SingleChoiceActivity.this,kindName,Toast.LENGTH_SHORT).show();
}
@Override
publicvoidOnItemLongClick(Viewview,intposition){
}
});
privatevoidaddOrRemove(intposition){
if(positionSet.contains(position)){
//如果包含，则撤销选择
positionSet.remove(position);
}else{
//如果不包含，则添加
positionSet.add(position);
}
if(positionSet.size()==0){
//如果没有选中任何的item，则退出多选模式
mAdapter.notifyDataSetChanged();
selectMode=false;
}else{
//更新列表界面，否则无法显示已选的item
mAdapter.notifyDataSetChanged();
}
}

3、Adapter中数据绑定的集合需要更换

其他的都是一样的了：

附上DEMO下载地址：

GITHUB：https://github.com/muyexiaogui/FlowTagDemo

总结

以上所述是小编给大家介绍的RecyclerView实现流式标签单选多选功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

RecyclerView实现流式标签单选多选功能

热门推荐

随机推荐