RecyclerView使用,item分割线,全选反选按钮实现

依赖库
compile 'com.android.support:recyclerview-v7:25.3.1'
也可以自己在android studio library中自己搜索 rececler 选择26版本添加,然后更改成自己的版本
activity_main.xml 布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:onClick="onClick"
            android:text="切换布局"
            android:textSize="18sp"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:onClick="checkAll"
            android:text="全选"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:onClick="reverseCheck"
            android:text="反选"/>
    </LinearLayout>

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

    </android.support.v7.widget.RecyclerView>


</LinearLayout>
//MainActivity中使用,以及调用自定义的接口执行点击事件
public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerview;
    private MyAdapte adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);

        //线性布局,和listview显示的效果一样
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        //和gridView显示效果一样,第二个参数是显示几列
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3);
        //设置gridview显示的时候每行显示的个数
       /* gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                return 3 - position % 3;
            }
        });*/
        //瀑布的布局.第一个参数是显示几列,第二个参数是排列的方向
        StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);

        //设置布局的类型,不设置的话界面不会有任何显示
        recyclerview.setLayoutManager(linearLayoutManager);
        //设置适配器
        adapter = new MyAdapte();
        recyclerview.setAdapter(adapter);
        //自定义的条目点击事件,因为recyclerview没有自带条目点击事件
        adapter.setOnItemClickListener(new MyAdapte.OnItemClickListener() {
            @Override
            public void ItemClick(View v, int position) {
                adapter.add(position);
                Toast.makeText(MainActivity.this, "条目被点击了", Toast.LENGTH_SHORT).show();
            }
        });
        //自定义的条目点击事件,因为recyclerview没有自带条目点击事件
        adapter.setOnItemLongClickListener(new MyAdapte.OnItemLongClickListener() {
            @Override
            public void ItemLongClick(View v, int position) {
                adapter.delete(position);
                Toast.makeText(MainActivity.this, "条目被长按了", Toast.LENGTH_SHORT).show();
            }
        });

        //设置item中间的分割线
        recyclerview.addItemDecoration(new MyDecoration(this, LinearLayoutManager.VERTICAL));

    }

    //点击事件,切换单排显示,或者多排显示,
    //也就是切换ListVIew显示或GridView显示
    public void onClick(View view) {
        //得到当前布局
        RecyclerView.LayoutManager layoutManager = recyclerview.getLayoutManager();
        //因为GridLayoutManager继承自LinearLayoutManager,
        //判断的时候先判断小范围的,再判断大范围,所以if先判断GridLayoutManager,
        // else if再判断LinearLayoutManager,这样才能切换,如果顺序反之则切换布局失败
        if (layoutManager == null)
            return;
        if (layoutManager instanceof GridLayoutManager) {
            LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
            recyclerview.setLayoutManager(linearLayoutManager);
        } else if (layoutManager instanceof LinearLayoutManager) {
            GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3);
            recyclerview.setLayoutManager(gridLayoutManager);
        }
        //此处必须重新设置适配器,刷新适配器也无效,否则布局会错乱
        recyclerview.setAdapter(adapter);
    }

    //全选按钮点击事件,如果全选,点击设置成全不选中,如果有未选中的则设置成全部选中
    public void checkAll(View view) {
        adapter.checkedAll();
    }

    //反选,如果选中,设置不选中,如果未选中,设置成选中
    public void reverseCheck(View view) {
        adapter.reverseChecked();
    }
}
//自定义适配器 
public class MyAdapte extends RecyclerView.Adapter<MyAdapte.myViewHolder> {
    private List<String> list;
    private HashMap<Integer, Boolean> isCheckedHashMap;

    //无参构造方法初始化数据
    public MyAdapte() {
        isCheckedHashMap = new HashMap<>();
        list = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            list.add("条目" + i);
            isCheckedHashMap.put(i, false);
        }
    }

    @Override
    public int getItemViewType(int position) {
        if (position % 2 == 0)
            return 0;
        else
            return 1;
    }

    @Override
    public myViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //根据viewType来判断多布局
        View view = null;
        switch (viewType) {
            case 0:
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_vertical,
                        parent, false);
                break;
            case 1:
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_horizontal,
                        parent, false);
                break;
        }

        //切换布局实现不同的item布局
//        View view = View.inflate(parent.getContext(), R.layout.item_horizontal, null);
        //得到RecyclerView布局,去判断,根据不用的布局,设置不同的item
       /* RecyclerView.LayoutManager layoutManager = ((RecyclerView) parent).getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            //必须使用这种布局,不然条目的宽不能铺满父布局
            view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_vertical,
                    parent, false);
        } else if (layoutManager instanceof LinearLayoutManager) {
            //必须使用这种布局,不然条目的宽不能铺满父布局
            view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_horizontal,
                    parent, false);
        }*/
        return new myViewHolder(view);
    }


    @Override
    public void onBindViewHolder(myViewHolder holder, final int position) {
        holder.text.setText(list.get(position));
        //瀑布布局的时候使用,切换不同的图片
       /* if (position % 2 == 1)
            holder.img.setImageResource(R.mipmap.timg);
        else
            holder.img.setImageResource(R.mipmap.img02);*/

        //item的点击事件
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mItemClickListener.ItemClick(v, position);
            }
        });
        holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                mItemLongClickListener.ItemLongClick(v, position);
                return true;
            }
        });
        //图片的点击事件
        /*holder.img.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mItemClickListener.ItemClick(v, position);
            }
        });
        holder.img.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                mItemLongClickListener.ItemLongClick(v, position);
                return true;
            }
        });*/

        //复选框设置点击事件,可以避免焦点的冲突
        holder.checkbox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //点击的时候,得到当前下标key对应的values,如果是true,变false,反之一样
                isCheckedHashMap.put(position, !isCheckedHashMap.get(position));
                //如果需要实现单选,可以调用这个方法,不需要可以删除
                CheckedOne(position);
            }
        });
        //设置他的状态为map集合中的values值
        holder.checkbox.setChecked(isCheckedHashMap.get(position));

    }

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


    //全选
    public void checkedAll() {
        //用来判断是否有未选中的,如果有未选中的,就把未选中的选中,
//        如果全部都选中,则点击的时候设置全部不选中
        boolean isCheckedAll = false;
        //遍历集合,如果有未选中的,就停止循环遍历,isCheckedAll=true,
        // 如果全部选中,isCheckedAll=false,点击的时候会设置成全部未选中
        Set<Map.Entry<Integer, Boolean>> entries = isCheckedHashMap.entrySet();
        for (Map.Entry<Integer, Boolean> entry : entries) {
            if (!entry.getValue()) {
                isCheckedAll = true;
                break;
            }
        }
        //这里遍历的时候设置成isCheckedAll,上面判断如果未选中的就设置true,就设置成全选中
        //如果上面没有未选中的,意思就是都选中,isCheckedAll = false,checkbox就全部设置成false未选中
        for (Map.Entry<Integer, Boolean> entry : entries) {
            entry.setValue(isCheckedAll);
        }
        //千万记住一定要刷新
        notifyDataSetChanged();
    }

    //反选,如果选中,设置不选中,如果未选中,设置成选中
    public void reverseChecked() {
        Set<Map.Entry<Integer, Boolean>> entries = isCheckedHashMap.entrySet();
        for (Map.Entry<Integer, Boolean> entry : entries) {
            entry.setValue(!entry.getValue());
        }
        //千万记住一定要刷新
        notifyDataSetChanged();
    }

    //单选,只能选中一个,即使是CheckBox
    public void CheckedOne(int position) {
        Set<Map.Entry<Integer, Boolean>> entries = isCheckedHashMap.entrySet();
        //单选的时候把其他都设置成false,然后把点击那个position的key设置成true就可以了
        for (Map.Entry<Integer, Boolean> entry : entries) {
            entry.setValue(false);
        }
        isCheckedHashMap.put(position, true);
        //千万记住一定要刷新
        notifyDataSetChanged();
    }

    //    自定义类继承viewholder
    public class myViewHolder extends RecyclerView.ViewHolder {
        private View itemView;
        private TextView text;
        private final ImageView img;
        private final CheckBox checkbox;

        //上面再使用布局的时候实例化对象,会传进来一个自定义的布局View
        public myViewHolder(View itemView) {
            super(itemView);
            //这个就是item的一个条目
            this.itemView = itemView;
            //寻找控件记得使用itemView.findViewById()
            //相当于listview的convertView.findViewById();
            text = (TextView) itemView.findViewById(R.id.item_text);
            img = (ImageView) itemView.findViewById(R.id.item_img);
            checkbox = (CheckBox) itemView.findViewById(R.id.item_checkbox);
        }
    }

    //自定义接口,实现条目的单击和长按事件
    public OnItemClickListener mItemClickListener;
    public OnItemLongClickListener mItemLongClickListener;

    //自定义的点击事件接口
    public interface OnItemClickListener {
        void ItemClick(View v, int position);
    }

    //自定义的长按点击事件接口
    public interface OnItemLongClickListener {
        void ItemLongClick(View v, int position);
    }

    //定义这个方法,让适配器可以调用这个点击事件
    public void setOnItemClickListener(OnItemClickListener mItemClickListener) {
        this.mItemClickListener = mItemClickListener;
    }

    //定义这个方法,让适配器可以调用这个长按点击事件
    public void setOnItemLongClickListener(OnItemLongClickListener mItemLongClickListener) {
        this.mItemLongClickListener = mItemLongClickListener;
    }

    //增加
    public void add(int position) {
        list.add(position + 1, "这是新家的条目");
        //刷新,这种是从你修改的条目开始,到条目总数结束,当前position之前的条目不刷新
        notifyItemRangeChanged(position + 1, getItemCount());
    }

    //删除
    public void delete(int position) {
        list.remove(position);
        //刷新,这种是从你删除的条目开始,到条目总数结束,当前position之前的条目不刷新
        notifyItemRangeRemoved(position, getItemCount());
    }

    //更新
    public void update(int position) {
        list.remove(position);
        list.add(position, "这是更新后的条目信息");
        //刷新,这种是从你修改的条目开始,到条目总数结束,当前position之前的条目不刷新
        notifyItemRangeChanged(position, getItemCount());
    }
}

//这个是在列表中的item之间增加的分割线,建议直接复制
public class MyDecoration extends RecyclerView.ItemDecoration {
    private Context mContext;
    private Drawable mDivider;
    private int mOrientation;
    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    //我们通过获取系统属性中的listDivider来添加,在系统中的AppTheme中设置
    public static final int[] ATRRS = new int[]{
            android.R.attr.listDivider
    };

    public MyDecoration(Context context, int orientation) {
        this.mContext = context;
        final TypedArray ta = context.obtainStyledAttributes(ATRRS);
        this.mDivider = ta.getDrawable(0);
        ta.recycle();
        setOrientation(orientation);
    }

    //设置屏幕的方向
    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mOrientation == HORIZONTAL_LIST) {
            drawVerticalLine(c, parent, state);
        } else {
            drawHorizontalLine(c, parent, state);
        }
    }

    //画横线, 这里的parent其实是显示在屏幕显示的这部分
    public void drawHorizontalLine(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            //获得child的布局信息
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left + params.leftMargin, top, right - params.leftMargin, bottom);
            mDivider.draw(c);
            //Log.d("wnw", left + " " + top + " "+right+"   "+bottom+" "+i);
        }
    }

    //画竖线
    public void drawVerticalLine(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int top = parent.getPaddingTop();
        int bottom = parent.getHeight() - parent.getPaddingBottom();
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            //获得child的布局信息
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicWidth();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    //由于Divider也有长宽高,每一个Item需要向下或者向右偏移
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State
            state) {
        if (mOrientation == HORIZONTAL_LIST) {
            //画横线,就是往下偏移一个分割线的高度
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            //画竖线,就是往右偏移一个分割线的宽度
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}
//自定义的shape 颜色,这里简单使用红色,根据自己需求使用
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#f00"/>
    <size
        android:width="2dp"
        android:height="2dp"/>
</shape>
//切换布局的时候两种布局,一种是横向的时候使用布局,一种是gridVIew列表样式使用的布局
//横向布局
<?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="wrap_content"
              android:layout_margin="15dp"
              android:background="#00ff00"
    >

    <ImageView
        android:id="@+id/item_img"
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:layout_marginLeft="10dp"
        android:src="@mipmap/timg"/>

    <TextView
        android:id="@+id/item_text"
        android:layout_width="0dp"
        android:layout_height="80dp"
        android:layout_marginLeft="10dp"
        android:layout_weight="1"
        android:gravity="center"
        android:text="XXX"/>

    <CheckBox
        android:id="@+id/item_checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="15dp"
        android:gravity="center_vertical"/>

</LinearLayout>
//纵向布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_margin="15dp"
              android:background="#00ff00"
              android:orientation="vertical">

    <ImageView
        android:id="@+id/item_img"
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:src="@mipmap/timg"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/item_text"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="XXX"/>

        <CheckBox
            android:id="@+id/item_checkbox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:gravity="center_vertical"/>
    </LinearLayout>

</LinearLayout>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值