RecyclerView实现流式标签单选多选功能
程序员文章站
2023-09-06 15:03:49
recyclerview简介
recyclerview是android一个更强大的控件,其不仅可以实现和listview同样的效果,还有优化了listview中的各种不足。其可以实现...
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、使用集合存储需要存储或者展示的数据
public static set<integer> positionset = new hashset<>(); //用于存储选择的位置 private boolean selectmode = true; //选择模式 多选或者单选 true 多选 public set<string> checktypenameset = new hashset<>(); //用于存储选择项的名称
2、实现流式布局的布局管理器
mrecyclerview = (recyclerview) findviewbyid(r.id.recycler); flexboxlayoutmanager manager = new flexboxlayoutmanager(this, flexdirection.row, flexwrap.wrap){ @override public boolean canscrollvertically() { return false; } }; mrecyclerview.setlayoutmanager(manager);
3、单条点击事件的处理
madapter.setonitemclicklistener(new onitemclicklistener() { @override public void onitemclick(view view, int position) { addorremove(position); } @override public void onitemlongclick(view view, int position) { } }); private void addorremove(int position) { 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、适配的写法
public class multiplerecycleradapter extends recyclerview.adapter<multiplerecycleradapter.viewholder> { private context mcontext; private list<testbean> mlistdata = new arraylist<>(); private onitemclicklistener monitemclicklistener; public void setonitemclicklistener(onitemclicklistener monitemclicklistener) { this.monitemclicklistener = monitemclicklistener; } public multiplerecycleradapter(context mcontext, list<testbean> mlistdata) { // mlistdata = new arraylist<>(); this.mcontext = mcontext; this.mlistdata = mlistdata; } public void update(list<testbean> list){ if(list != null && list.size() > 0){ mlistdata.addall(list); notifydatasetchanged(); } } class viewholder extends recyclerview.viewholder{ textview typetv; checkablelayout rootlayout; public viewholder(@nonnull view itemview) { super(itemview); typetv = (textview) itemview.findviewbyid(r.id.alive_type_tv); rootlayout = (checkablelayout) itemview.findviewbyid(r.id.root_layout); } } @nonnull @override public viewholder oncreateviewholder(@nonnull viewgroup viewgroup, int i) { if(mcontext == null){ mcontext = viewgroup.getcontext(); } view view = layoutinflater.from(mcontext).inflate(r.layout.item_recycler,viewgroup,false); return new viewholder(view); } @override public void onbindviewholder(@nonnull final viewholder holder, int position) { set<integer> positionset = 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)); } testbean bean = mlistdata.get(position); holder.typetv.settext(bean.gettagname()); if(monitemclicklistener != null) { holder.itemview.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { int pos = holder.getlayoutposition(); monitemclicklistener.onitemclick(holder.itemview, pos); holder.rootlayout.setchecked(true); } }); } } @override public int getitemcount() { return mlistdata != null ? mlistdata.size() : 0; } }
5、单条布局的xml文件
<?xml version="1.0" encoding="utf-8"?> <com.lhx.flowtagdemo.recycler.checkablelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="8dp" android:layout_margintop="6dp" android:id="@+id/root_layout" android:background="@drawable/type_select_bg_color" xmlns:tools="http://schemas.android.com/tools"> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingright="18dp" android:paddingleft="18dp" android:gravity="center" android:textsize="14sp" tools:text="医药" android:id="@+id/alive_type_tv" android:textcolor="#60000000" android:paddingbottom="10dp" android:paddingtop="10dp" /> </com.lhx.flowtagdemo.recycler.checkablelayout>
6、checkablelayout的使用说明:
实现了checkable接口,可用于布局的选择,设置选择的样式
public class checkablelayout extends relativelayout implements checkable { private static final int[] checked_state_set = {android.r.attr.state_checked}; private boolean mchecked; public checkablelayout(context context, attributeset attrs) { super(context, attrs); } @override public void setchecked(boolean b) { if (b != mchecked){ mchecked = b; refreshdrawablestate(); } } @override public boolean ischecked() { return mchecked; } @override public void toggle() { setchecked(!mchecked); } @override protected int[] oncreatedrawablestate(int extraspace) { final int[] drawablestate = super.oncreatedrawablestate(extraspace + 1); if (ischecked()) mergedrawablestates(drawablestate, checked_state_set); return drawablestate; } }
3.2、单选的实现
单选和多选的代码几乎完全一致, 只需要修改一部分
1、去除记录选择名称的集合, 将选择模式设置为false
public static set<integer> positionset = new hashset<>(); private boolean selectmode = false; //选择模式 多选或者单选 true 多选
2 、单条点击事件需要进行修改
madapter.setonitemclicklistener(new onitemclicklistener() { @override public void onitemclick(view view, int position) { if (selectmode) { // 如果当前处于多选状态,则进入多选状态的逻辑 // 维护当前已选的position addorremove(position); } else { // 如果不是多选状态,则进入单选事件的业务逻辑 if (!positionset.contains(position)) { // 选择不同的单位时取消之前选中的单位 positionset.clear(); } addorremove(position); } string kindname = mlistdata.get(position).gettagname(); toast.maketext(singlechoiceactivity.this, kindname, toast.length_short).show(); } @override public void onitemlongclick(view view, int position) { } }); private void addorremove(int position) { 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实现流式标签单选多选功能,希望对大家有所帮助
下一篇: 鼻塞的原因 6大原因可引起鼻塞
推荐阅读