花式RecyclerView设置，含代码

最新推荐文章于 2021-01-05 13:34:23 发布
最新推荐文章于 2021-01-05 13:34:23 发布
阅读量332 收藏
点赞数
分类专栏： Android学习总结 文章标签： android 移动开发 java android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liusaisaiV1/article/details/106038665
版权

RecyclerView使用详解

1. 添加依赖和使用

  1. 添加依赖；写布局文件；实例化RecyclerView并且初始化数据；

2. 设置适配器<并定义 item>

  1. 设置适配器<并定义 item>

    public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    private final Context context;
    private final ArrayList<String> datas;
    public MyAdapter(Context context, ArrayList<String> datas) {
        this.context = context;
        this.datas = datas;
    }
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = View.inflate(context, R.layout.item_hello, null);
        return new MyViewHolder(view);
    }
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv_text.setText(datas.get(position));
        holder.iv_icon.setBackgroundResource(R.mipmap.ic_launcher);
    }
    @Override
    public int getItemCount() {
        return datas.size();
    }
    class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView tv_text;
        private ImageView iv_icon;
        public MyViewHolder(View itemView) {
            super(itemView);
            tv_text = (TextView) itemView.findViewById(R.id.tv_text);
            iv_icon = (ImageView) itemView.findViewById(R.id.iv_icon);
        }
    }
}

3. 设置适配器：水平方向-竖直方向-网格-瀑布流

  1. 设置适配器(重难点)：水平方向-竖直方向-网格-瀑布流；
  2. 效果图如下：上层是水平方向；下面是瀑布流；竖直方向跟 ListView 一样；
    在这里插入图片描述
    myAdapter = new MyAdapter(this,datas);
recyclerview.setAdapter(myAdapter);
/**
 *  设置布局：
 * 第一个参数：上下文
 * 第二参数：方向
 * 第三个参数：排序低到高还是高到低显示，false是低到高显示
 */
LinearLayoutManager linearLayoutManager =  new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
GridLayoutManager gridLayoutManager =  new GridLayoutManager(this, 3,GridLayoutManager.VERTICAL, false);
StaggeredGridLayoutManager staggeredGridLayoutManager =  new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.HORIZONTAL);
recyclerview.setLayoutManager(linearLayoutManager);

4. 添加分割线

  1. 添加分割线
    参照网址：http://blog.csdn.net/lmj623565791/article/details/45059587

    	//设置分割线-分割线需要自定义&还可以自定义分割线的样式
	//没有提供默认的分割线
	recyclerview.addItemDecoration(new DividerListItemDecoration(this, DividerListItemDecoration.VERTICAL_LIST));
	 	 
	public class DividerListItemDecoration extends RecyclerView.ItemDecoration {
	    private static final int[] ATTRS = new int[]{
	            android.R.attr.listDivider
	    };
	
	    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
	
	    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;
	
	    private Drawable mDivider;
	
	    private int mOrientation;
	
	    public DividerListItemDecoration(Context context, int orientation) {
	        final TypedArray a = context.obtainStyledAttributes(ATTRS);
	        mDivider = a.getDrawable(0);
	        a.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) {

	        if (mOrientation == VERTICAL_LIST) {
	            drawVertical(c, parent);
	        } else {
	            drawHorizontal(c, parent);
	        }
	
	    }
	
	    public void drawVertical(Canvas c, RecyclerView parent) {
	        final int left = parent.getPaddingLeft();
	        final int right = parent.getWidth() - parent.getPaddingRight();
	
	        final int childCount = parent.getChildCount();
	        for (int i = 0; i < childCount; i++) {
	            final View child = parent.getChildAt(i);
	            android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
	            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
	                    .getLayoutParams();
	            final int top = child.getBottom() + params.bottomMargin;
	            final int bottom = top + mDivider.getIntrinsicHeight();
	            mDivider.setBounds(left, top, right, bottom);
	            mDivider.draw(c);
	        }
	    }
	
	    public void drawHorizontal(Canvas c, RecyclerView parent) {
	        final int top = parent.getPaddingTop();
	        final int bottom = parent.getHeight() - parent.getPaddingBottom();
	
	        final int childCount = parent.getChildCount();
	        for (int i = 0; i < childCount; i++) {
	            final View child = parent.getChildAt(i);
	            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
	                    .getLayoutParams();
	            final int left = child.getRight() + params.rightMargin;
	            final int right = left + mDivider.getIntrinsicHeight();
	            mDivider.setBounds(left, top, right, bottom);
	            mDivider.draw(c);
	        }
	    }
	
	    @Override
	    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
	        if (mOrientation == VERTICAL_LIST) {
	            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
	        } else {
	            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
	        }
	    }
	}

5. 设置分割线样式

  1. 设置分割线样式
    在 tlsxl 样式文件中

    <!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:listDivider">@drawable/divider_bg</item>
</style>

    <!-- Application theme. -->
<style name="listDividerTheme" >
    <item name="android:listDivider">@drawable/divider_bg</item>
</style>
 
在drawable目录下的divider_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <gradient
        android:centerColor="#ff00ff00"
        android:endColor="#ff0000ff"
        android:startColor="#ffff0000"
        android:type="linear" />
    <size android:height="2dp"/>
</shape>

6. 设置item的点击事件

  1. 自定义设置item的点击事件或者item中某个控件的点击事件；
    RecyclerView默认是没有点击事件的，需要自定义点击事件

    public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    private final Context context;
    private final ArrayList<String> datas;
	
    //设置点击某个item的监听
    public interface OnItemClickListener{
         void onItemClick(View view,int position,String content);
    }

    private OnItemClickListener onItemClickListener;
    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }
    //设置点击某个item的监听
    public interface OnImageViewClickListener{
        void onImageViewClick(View view,int position);
    }

    private OnImageViewClickListener onImageViewClickListener;
    /**
     * 设置监听图片
     */
    public void setOnImageViewClickListener(OnImageViewClickListener onImageViewClickListener) {
        this.onImageViewClickListener = onImageViewClickListener;
    }

    class MyViewHolder extends RecyclerView.ViewHolder {

        private TextView tv_text;
        private ImageView iv_icon;

        public MyViewHolder(View itemView) {
            super(itemView);
            tv_text = (TextView) itemView.findViewById(R.id.tv_text);
            iv_icon = (ImageView) itemView.findViewById(R.id.iv_icon);

            //设置点击事件
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(onItemClickListener != null){
                        onItemClickListener.onItemClick(v,getLayoutPosition(),datas.get(getLayoutPosition()));
                    }
                }
            });

            //设置监听
            iv_icon.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(onImageViewClickListener != null){
                        onImageViewClickListener.onImageViewClick(v,getLayoutPosition());
                    }
                }
            });	
        }
    }
}
 
//在Activity中使用自定义的点击事件
//设置点击item的点击事件
myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
    @Override
    public void onItemClick(View view, int position, String content) {
        Toast.makeText(RecyclerViewActivity.this, "content=="+content+",--position=="+position, Toast.LENGTH_SHORT).show();
    }
});

//设置点击某张图片的点击事件
myAdapter.setOnImageViewClickListener(new MyAdapter.OnImageViewClickListener() {
    @Override
    public void onImageViewClick(View view, int position) {
        Toast.makeText(RecyclerViewActivity.this, "position=="+position+",view=="+view.toString(), Toast.LENGTH_SHORT).show();
    }
});

7. 删除和增加数据

  1. 删除和增加数据

    1. 在适配器中新增加添加和删除两个方法

      public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    /**
     * 添加数据
     */
    public void addData(int position,String content){
        datas.add(position,content);
        notifyItemInserted(position);
    }
    /**
     * 移除数据
     */
    public void removeData(int position){
        datas.remove(position);
        notifyItemRemoved(position);
    }
}

    2. 在布局文件中添加点击按钮：添加、移除、List、Grid

    3. 点击事件

      private void setLitener() {
    btn_add.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            myAdapter.addData(0,"Content NetData");
            //定位到第0个位置
            recyclerview.scrollToPosition(0);
        }
    });

    btn_remove.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            myAdapter.removeData(0);
        }
    });

    btn_grid.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            GridLayoutManager gridLayoutManager =  new GridLayoutManager(RecyclerViewActivity.this, 2,GridLayoutManager.VERTICAL, false);
            recyclerview.setLayoutManager(gridLayoutManager);
        }
    });

    btn_list.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            LinearLayoutManager linearLayoutManager =  new LinearLayoutManager(RecyclerViewActivity.this, LinearLayoutManager.VERTICAL, false);
            recyclerview.setLayoutManager(linearLayoutManager);
        }
    });
}

8. 设置删除和增加的动画

  1. 设置删除某条和增加某条的动画

    //设置动画
recyclerview.setItemAnimator(new DefaultItemAnimator());

  2. 声明：本博客根据尚硅谷来自 ‘阿福’ 老师 项目实战: 北京新闻.学习整理；

  3. 新闻类APP系列学习笔记见：新闻APP;

liusaisaiV1
关注
专栏目录
【Android知识笔记】RecyclerView专题
川峰的博客
10-20 861
Android知识笔记之RecyclerView专题篇。
Android LayoutManager高端玩家，实现花式表格，最新整理
m0_61417954的博客
09-01 423
课程表 表格 TableView具有如下特点： 支持不规则表格 同时支持横向和纵向滚动 支持顶部和左侧悬浮 基于RecyclerView，所以RecyclerView自定义子视图、高效回收、子视图多样性这些特点它都有 没有多层RecyclerView嵌套，性能更棒 Github地址 使用 – 第一步 | 添加xml文件 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="htt
RecyclerView
10-13
主要介绍了RecyclerView 和CardView 的使用，以及添加点击事件
recyclerview花式使用使用详解
qq_37142785的博客
01-05 195
https://www.jianshu.com/p/c4cfe38a91ed
Recyclerview style
sunbeibei_blog的博客
11-24 417
以下是 recyclerview 的其中的一种样式如下效果： 1.首先在 app.gralde下 compile 'com.android.support:recyclerview-v7:23.2.1' compile 'com.android.support:cardview-v7:23.0.1'导入。 2.activity.xml <RelativeLayout xmlns:
RecyclerView使用完全指南，是时候体验新控件了（一）
王三的专栏
08-12 6238
官方介绍，RecyclerView用于在有限的窗口展现大量的数据，其实早已经有了类似的控件，如ListView、GridView，那么相比它们，RecyclerView有什么样优势呢？ RecyclerView标准化了ViewHolder，而且异常的灵活，可以轻松实现ListView实现不了的样式和功能。
RecyclerView使用详解（一）
01-14 834
RecyclerView使用详解（一） 一、前言 RecyclerView是谷歌V7包下新增的控件,用来替代ListView的使用,在RecyclerView标准化了ViewHolder类似于ListView中convertView用来做视图缓. 先来说说RecyclerView的有点就是,他可以通过设置LayoutManager来快速实现listview、gridview、瀑布流的
Android 自定义LayoutManager实现花式表格
08-25
2. **获取TableView对象**：在代码中通过ButterKnife（或直接使用findViewById）获取TableView实例，并调用`setModeAndValue()`方法设置模式和单元格数量。 3. **创建数据类**：实现`ICellItem`接口，这个接口定义了...
用RecyclerView的瀑布流布局实现表格展示
u014169119的博客
05-23 4102
用RecyclerView的瀑布流布局实现表格展示数据
界面无小事(二): 让RecyclerView展示更多不同视图
Sean
04-24 1520
第一篇传送门 目录 前言 GridLayoutManager的使用 Glide加载图片 让RecyclerView支持更多不同布局 来看看横向滚动 还有瀑布流 最后 前言 之前设置布局的时候用了最简单的LinearLayoutManager, 而且是单一布局, 这次来感受下GridLayoutManager和瀑布流以及多布局...
Android RecyclerView基本使用详解
01-03
什么是RecyclerView 关于RecyclerView，是一个主要用于展示和回收View的有一个控件，在官用了一句话来概括 RecyclerView 是一种通过提供有限的数据项窗口有效显示大数据集的视图。 基提供几个基本的功能， 控制其显示的方式 ———>LayoutManager—(必需) 控制Item间的间隔 ———>ItemDecoration—-(非必需) 控制Item增删的动画——->ItemAnimator——(非必需) 以上就可以完成ListView大部的功能了，但是确缺少了一个很常用的功能，就是Item的点需事件。当然，这个并不是什么问题，上文也说了，RecyclerV
RecyclerView使用详解（三）
01-14 726
RecyclerView使用详解（三） 在上一篇（RecyclerView使用详解（二））文章中介绍了RecyclerView的多Item布局实现，接下来要来讲讲RecyclerView的Cursor实现，相较于之前的实现，Cursor有更多的使用场景，也更加的常用，特别是配合LoaderManager和CursorLoader进行数据的缓存及加载显示，基于此我们来重点看看Recyc
RecyclerView的基本使用方法
ZhangJian的博客
01-21 2656
作为ListView的豪华加强版，Android支持库中的RecyclerView具有诸多优点。 本篇博客主要用于记录RecyclerView的基本使用方法。
recyclerview使用详解
russe124的博客
05-22 659
recycler是5.0之后退出的替代listview和gridview的解决方案，可以通过导入support的V7包 0.功能 1layoutmanager布局管理器，设置显示方式 2ItemDecoration 设置item间的间隔 3ItemAnimator控制item增删的的动画 4.（缺点）在adapter设置点击、长按事件ItemClickListener与ItemLongC
RecyclerView使用详解
My_First_ID的博客
05-10 1465
RecyclerView是Android 5.x版本中新添加的一个全新控件，他比ListView，GridView更加的灵活，我们能够使用RecyclerView就完成ListView，GridView所做的工作，同时使用RecyclerView也能非常方便的实现瀑布流的效果。 一.竖屏ListView，横屏GridView效果 MainActivity代码： public class
RecyclerView的使用详解
weixin_43610758的博客
08-17 2129
RecyclerView的使用 RecyclerView的Adapter: 1.item的重用无需关心； 2.强制要求实现一个ViewHolder; 创建一个类(MyAdapter)继承于RecyclerView.Adapter; 定义一个ViewHolder; 搭建基础Adapter: public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyHolder> { private Context mContext;
First RecyclerView (RecyclerView使用详解)
shijiacheng的博客
06-30 913
1. RecyclerView是什么？根据Google官方给出的说明： A flexible view for providing a limited window into a large data set. 能够在有限的窗口中展示大数据集合的灵活视图。 所以我们能够理解为，RecyclerView的一个恰当的使用场景是：由于尺寸限制，用户的设备不能一次性展现所有条目，用户需要上下滚
来个花式流水灯c语言代码
最新发布
09-19
在C语言中，编写一个简单的花式流水灯效果通常涉及到定时器和位操作，这里提供一个基本的例子，它使用了`delay_ms()`函数来自定义灯光变化，假设我们有8盏灯，通过控制LED的状态来模拟流水灯效果： ```c #include ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liusaisaiV1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值