RecyclerView的简单使用 超级详细

最新推荐文章于 2022-06-15 17:42:50 发布
最新推荐文章于 2022-06-15 17:42:50 发布
阅读量616 收藏 6
点赞数 2
分类专栏： Android自定义View 文章标签： android 安卓 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangpengfei991023/article/details/109092882
版权

RecyclerView控件可以实现和ListView相同的效果，但是效果更好，能实现的效果更多，且性能更高
能够实现

1. 竖向（横向）单列条目滚动，类似ListView
在这里插入图片描述
在这里插入图片描述

2. 竖向（横向）多列滚动
在这里插入图片描述
在这里插入图片描述

3. 瀑布流
在这里插入图片描述
下面开始介绍实现RecyclerView的流程
在这里插入图片描述
在Adapter里实现数据与adapter绑定，adapter与要显示的xml条目样式绑定
下面是具体实现

1.首先添加RecyclerView控件

在activity_main.xml中添加RecyclerView控件，并设置id，注意是widget下的RecyclerView,如果不自动提示，请手动在build.gradle中的dependencies 中添加依赖
implementation 'androidx.recyclerview:recyclerview:1.1.0 '
并点击右上角的sync now

<?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"
    >

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#D3D3D3"/>
</LinearLayout>

2.设置RecyclerView里每一个条目的样式

在res/layout里创建item_list_view.xml 这里存放的是类似ListView的每一个条目的样式

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="wrap_content"
    >
    <RelativeLayout

        android:layout_width="match_parent"
        android:layout_height="90dp">
        <ImageView
            android:id="@+id/icon"
            android:layout_width="150dp"
            android:src="@mipmap/sample_0"
            android:layout_height="150dp"
            android:layout_margin="10dp"
            android:scaleType="fitXY"/>
        <TextView
            android:layout_toRightOf="@id/icon"
            android:layout_marginLeft="20dp"
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是标题"
            android:layout_centerVertical="true"
            android:textSize="30sp"/>
    </RelativeLayout>

</RelativeLayout>

当样式都已经创建好之后，则进行数据的准备

3.准备数据

数据通常在网络中获取，为方便演示，我们使用本地数据
将图片放入mipmap中
在这里插入图片描述
因为每一条目都有一张图片和一段文字，我们创建实体对象来保存图片和文字
创建包entity,并在包里创建ItemBean类

package entity;

public class ItemBean {
    public int icon;
    public String title;
}

接下来在MainActivity中初始化数据

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private List<ItemBean> mdata;
    public static int [] icons = {
            R.mipmap.sample_0,
            R.mipmap.sample_1,
            R.mipmap.sample_2,
            R.mipmap.sample_3,
            R.mipmap.sample_4,
            R.mipmap.sample_5,
            R.mipmap.sample_6,
            R.mipmap.sample_7,
    };	//存放图片资源的id

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件
        recyclerView = findViewById(R.id.recycler_view);
        //准备数据
        initData();
    }

	private void initData() {
        //创建集合
        mdata = new ArrayList<>();
        //创建数据
        for (int i = 0; i < Datas.icons.length; i++) {
            //创建数据对象
            ItemBean data = new ItemBean();
            data.icon = MainActivity.icons[i];
            data.title = "第" + i + "条目";
            mdata.add(data);
        }
    }
}

4.创建Adapter

因为list的数据无法直接加载到RecyclerView中，需要使用Adapter作为一个中间人
即 List---->Adapter—>setAdapter---->显示
创建包adapter,在包里创建ListViewAdapter类并继承自 RecyclerView.Adapter<>
<>里的泛型我们创建一个，并按住alt+enter根据提示自动创建方法
可以看到创建了三个方法和一个内部类

public class ListViewAdapter extends RecyclerView.Adapter<ListViewAdapter.InnerHolder> {
    @NonNull
    @Override
    public InnerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return null;
    }

    @Override
    public void onBindViewHolder(@NonNull InnerHolder holder, int position) {

    }

    @Override
    public int getItemCount() {
        return 0;
    }

    public class InnerHolder extends RecyclerView.ViewHolder {
        public InnerHolder(@NonNull View itemView) {
            super(itemView);
        }
    }
}

接下来对其进行改造

public class ListViewAdapter extends RecyclerView.Adapter<ListViewAdapter.InnerHolder> {
	
	private List<ItemBean> mData;
	//创建时就传入数据
	public ListViewAdapter(List<ItemBean> mData) {
        this.mData = mData;
    }
    
    @NonNull
    @Override
    public ListViewAdapter.InnerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    	//绑定每一条目样式的xml文件item_list_view
        View view = View.inflate(parent.getContext(),R.layout.item_list_view,null);
        return new InnerHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ListViewAdapter.InnerHolder holder, int position) {
        //为绑定的视图样式设置数据
        holder.setData(mData.get(position));
    }

    @Override
    public int getItemCount() {
    //获取条目数量
        if(mData != null){
            return mData.size();
        }
        return 0;
    }

    public class InnerHolder extends RecyclerView.ViewHolder {

        private ImageView icon;
        private TextView title;
        public InnerHolder(@NonNull View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.icon);
            title = itemView.findViewById(R.id.title);
        }

		//设置每一条目里的数据
        public void setData(ItemBean itemBean) {
            title.setText(itemBean.title);
            imageView.setImageResource(itemBean.icon);
        }
    }
}

然后在MainActivity中创建适配器

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件
        recyclerView = findViewById(R.id.recycler_view);
        //准备数据
        initData();

        ListViewAdapter listViewAdapter = new ListViewAdapter(mdata);
        recyclerView.setAdapter(listViewAdapter);
    }

当适配器创建好之后，大部分工作就已经完成了，完成了数据到适配器，适配器到视图的转换

5.创建LayoutManager

LayoutManager可以完成布局的管理，可以设置顺序还是逆序，横向还是竖向
还是在MainActivity中

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件
        recyclerView = findViewById(R.id.recycler_view);
        //准备数据
        initData();

        ListViewAdapter listViewAdapter = new ListViewAdapter(mdata);
        //第一个参数是上下文环境，写this就可以，第二个参数是选择横向还是竖向布局，可以通过ctrl点进LinearLayoutManager进行查看
        //LinearLayoutManager.VERTICAL是竖向，可以选成LinearLayoutManager.HORIZONTAL横向
        //第三个参数是设置是否逆序显示
        LinearLayoutManager layoutManager = new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(listViewAdapter);
    }

至此，一个简单的类似ListView的已经实现
在这里插入图片描述
发现没有边界，不好看，可以通过CarView进行优化
首先在build.gradle中导入依赖

implementation 'androidx.cardview:cardview:1.0.0-beta01'

然后修改item_list_view.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardUseCompatPadding="true"
        android:background="#fff">
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <ImageView
                android:id="@+id/icon"
                android:layout_width="150dp"
                android:layout_height="150dp"
                android:src="@mipmap/sample_0"/>
            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我是文本"
                android:layout_toRightOf="@+id/icon"
                android:textSize="25dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"/>
        </RelativeLayout>
    </androidx.cardview.widget.CardView>
</RelativeLayout>

其中的app:cardUseCompatPadding="true"是让其设置自动的间距
而backgroud设置颜色则是设置了间隔的颜色
在这里插入图片描述

到此，通过RecyclerView实现ListView完成

多行或多列(含瀑布流)

如果想实现多条竖向显示，只需更改布局管理器即可
参数1为上下文环境，选this
参数2为要设置的行数或列数
参数3为设置横行还是竖向GridLayoutManager.VERTICAL竖向GridLayoutManager.HORIZATAL为横向
参数4为是否逆序显示

GridLayoutManager gridLayoutManager = new GridLayoutManager(this,2,GridLayoutManager.VERTICAL,false);
        recyclerView.setLayoutManager(gridLayoutManager);

效果如图，如不满意请自行修改item_list_view.xml
在这里插入图片描述
如果要设置瀑布流布局，也是需要修改布局管理器
参数一为行数或是列数，参数二为横向或是竖向

   StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(3,GridLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(manager);

如果需要逆序，请设置 manager.setReverseLayout(true);
运行APP，此时可能没有效果，那是因为图片设置了固定高度150dp
将item_list_view.xml里的ImageView的android:layout_height="wrap_content"即可
效果如图
在这里插入图片描述
如果想要图片填满空白，请在ImageView里设置android:scaleType=“fitXY”
在这里插入图片描述

本文参考自Bilibili UP主程序员拉大锯 他的视频讲解的更加全面，如需了解，请跳转至 【安卓常用控件】RecyclerView-程序员拉大锯
如果up主看我不爽，请联系我删除。。。。

孤星入命孑然一身
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
RecyclerView的使用方法
05-31
通过一个简单的demo介绍RecyclerView的使用方法
RecyclerView 的简单使用
weixin_34018202的博客
07-06 85
自从 Android 5.0 之后，google 推出了一个 RecyclerView 控件，他是 support-v7 包中的新组件，是一个强大的滑动组件，与经典的 ListView 相比，同样拥有item回收复用的功能， RecyclerView 相当于是 ListView 的升级版。 RecyclerView 封装了 ViewHolder 的...
Android RecyclerView 使用完全解析 体验艺术般的控件
weixin_30390075的博客
04-16 2548
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/45059587； 本文出自:【张鸿洋的博客】 概述 RecyclerView出现已经有一段时间了，相信大家肯定不陌生了，大家可以通过导入support-v7对其进行使用。 据官方的介绍，该控件用于在有限的窗口中展示大量数据集，其实...
RecyclerView的简单使用
EA0421的博客
06-11 277
RecycleView简介官方对RecyclerView的描述是 A flexible view for providing a limited window into a large data set. RecycleView是在有限的窗口中大量显示数据集的灵活view RecyclerView是support.v7包中的控件，可以说是ListView和GridView的增强升级版,个人觉得
recyclerview简单使用
03-27
recyclerview的简单使用方法recyclerview的简单使用方法
RecyclerView的使用之多种Item加载布局
09-02
本文给大家介石介绍下如何利用RecyclerView实现多Item布局的加载，多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不同的Layout
自定义控件三部曲视图篇（四）——RecyclerView系列之一简单使用
热门推荐
启舰
09-18 1万+
RecyclerView系列之一——简单使用 绝望的时候不要那么绝望，高兴的时候不要那么高兴，是你慢慢会学会的。 ——董卿 转了一年多，又回来继续做Android。果然还是看到代码最让我兴奋……但有些事，没经历过，总归还是遗憾的。在VIVO的游戏中心，有一个特别炫酷的功能： 这个功能就是使用RecyclerView来实现的，在本系列中，我们将最终制作出这样的一个效果出来。 ...
RecyclerView的简单使用（一）
03-10
博客地址 http://blog.csdn.net/sbsujjbcy/article/details/44182651
RecyclerView 的使用
minusn的博客
06-15 2558
RecyclerView 的使用
RecyclerView的使用
nicolelili1的专栏
05-04 582
1、定义recyclerview的布局dialog_custom_list.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
RecyclerView使用分页加载详细流程
最新发布
05-30
2. 绑定数据源：将数据源绑定到RecyclerView上，可以使用适配器Adapter来实现。 3. 监听滑动事件：RecyclerView提供了OnScrollListener监听滑动事件，在滑动到底部时触发加载更多数据的操作。 4. 加载更多数据：在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值