RecyclerView的基本使用

最新推荐文章于 2024-05-06 22:53:47 发布
最新推荐文章于 2024-05-06 22:53:47 发布
阅读量589 收藏
点赞数 1
分类专栏： Android Android基础 文章标签： RecyclerView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jsagacity/article/details/80631542
版权

ListView功能是很强大的，直到现在还有很多程序在继续使用着ListView。不过ListView并不是没有缺点的，比如当数据量非常大的时候，如果不使用一些技巧提升它的运行效率，那么ListView的性能会非常差的。还有，ListView的扩展性也不够好，他只能实现数据纵向滚动的效果，如果想实现横向滚动的话，ListView是做不到的。

那么这时就需要一个更强大的滚动控件——RecyclerView。它可以说是一个增强版的ListView，不仅可以轻松实现和ListView同样的效果，还有优化了ListView中存在的各种不足之处。

RecyclerView的基本使用
首先在app的build.gradle中添加依赖：

implementation 'com.android.support:recyclerview-v7:26.1.0'

接着在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"
    tools:context=".MainActivity">

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

然后为RecyclerView准备一个适配器：

/**
 * Created by Layne_Yao on 2018/6/8.
 * CSDN:http://blog.csdn.net/Jsagacity
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private List<Person> personList;

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView imgPortrait;
        TextView tvName, tvFruitAbility;

        /**
         * ViewHolder的构造方法
         * @param itemView 这个布局是RecyclerView子项最外层的布局
         */
        public ViewHolder(View itemView) {
            super(itemView);
            imgPortrait = itemView.findViewById(R.id.imgPortrait);
            tvName = itemView.findViewById(R.id.tvName);
            tvFruitAbility = itemView.findViewById(R.id.tvFruitAbility);
        }
    }

    /**
     * RecyclerViewAdapter的构造方法，
     * @param personList 传入的数据源
     */
    public RecyclerViewAdapter(List<Person> personList) {
        this.personList = personList;
    }

    /**
     * 此方法用于创建ViewHolder实例，并将要加载的布局传入到构造函数中
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_person, parent, false);
        ViewHolder holder = new ViewHolder(view);

        return holder;
    }

    /**
     * 此方法用于对RecyclerView子项的数据进行赋值的，会在每个子项被滚动到屏幕内的时候执行
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Person person = personList.get(position);
        holder.imgPortrait.setImageResource(person.getPortrait());
        holder.tvName.setText(person.getName());
        holder.tvFruitAbility.setText(person.getFruitAbility());

    }

    /**
     * 告诉RecyclerView一共有多少个子项
     * @return
     */
    @Override
    public int getItemCount() {
        return personList.size();
    }
}

上面会用到一个Person的实体类：

/**
 * Created by Layne_Yao on 2018/5/28.
 * CSDN:http://blog.csdn.net/Jsagacity
 */
public class Person {
    private int portrait;
    private String name;
    private String fruitAbility;

    public Person(int portrait, String name, String fruitAbility) {
        this.portrait = portrait;
        this.name = name;
        this.fruitAbility = fruitAbility;
    }

    public int getPortrait() {
        return portrait;
    }

    public void setPortrait(int portrait) {
        this.portrait = portrait;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getFruitAbility() {
        return fruitAbility;
    }

    public void setFruitAbility(String fruitAbility) {
        this.fruitAbility = fruitAbility;
    }
}

还缺一个item_person的子布局：

<?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="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dp">

    <ImageView
        android:id="@+id/imgPortrait"
        android:layout_width="50dp"
        android:layout_height="50dp" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:orientation="vertical"
        android:paddingLeft="8dp">

        <TextView
            android:id="@+id/tvName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#333333"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/tvFruitAbility"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#888888"
            android:textSize="14sp" />

    </LinearLayout>


</LinearLayout>

最后就是MainActivity.java的代码实现：

public class MainActivity extends AppCompatActivity {
    private List<Person> personList;
    private RecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        recyclerView = findViewById(R.id.recyclerView);
        //纵向布局
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);

        recyclerView.setLayoutManager(layoutManager);
        RecyclerViewAdapter adapter = new RecyclerViewAdapter(personList);
        recyclerView.setAdapter(adapter);
    }

    private void initData() {
        personList = new ArrayList<>();
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));

    }

}

就这样最基本的显示就完成了，运行结果如下：
这里写图片描述

上面是最简单的数据展示了，RecyclerView其实还有很多布局，上面是纵向布局LinearLayoutManager，还可以切换成横向布局，瀑布流布局StaggeredGridLayoutManager和网格布局GridLayoutManager。





里就不一一说明，直接在上面的例子改成个布局的切换，以及item的点击事件。
点击事件要改的是适配器里面的代码：

/**
 * Created by Layne_Yao on 2018/6/8.
 * CSDN:http://blog.csdn.net/Jsagacity
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private List<Person> personList;

    static class ViewHolder extends RecyclerView.ViewHolder {
        View personView;
        ImageView imgPortrait;
        TextView tvName, tvFruitAbility;

        /**
         * ViewHolder的构造方法
         * @param itemView 这个布局是RecyclerView子项最外层的布局
         */
        public ViewHolder(View itemView) {
            super(itemView);
            personView = itemView;
            imgPortrait = itemView.findViewById(R.id.imgPortrait);
            tvName = itemView.findViewById(R.id.tvName);
            tvFruitAbility = itemView.findViewById(R.id.tvFruitAbility);
        }
    }

    /**
     * RecyclerViewAdapter的构造方法，
     * @param personList 传入的数据源
     */
    public RecyclerViewAdapter(List<Person> personList) {
        this.personList = personList;
    }

    /**
     * 此方法用于创建ViewHolder实例，并将要加载的布局传入到构造函数中
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_person, parent, false);
        final ViewHolder holder = new ViewHolder(view);
        //子项的点击事件
        holder.personView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = holder.getAdapterPosition();
                Person person = personList.get(position);
                Toast.makeText(view.getContext(),position+":"+person.getName(),Toast.LENGTH_SHORT).show();
            }
        });

        //图片的点击事件
        holder.imgPortrait.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = holder.getAdapterPosition();
                Person person = personList.get(position);
                Toast.makeText(view.getContext(),position+":"+person.getName(),Toast.LENGTH_SHORT).show();
            }
        });
        return holder;
    }

    /**
     * 此方法用于对RecyclerView子项的数据进行赋值的，会在每个子项被滚动到屏幕内的时候执行
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Person person = personList.get(position);
        holder.imgPortrait.setImageResource(person.getPortrait());
        holder.tvName.setText(person.getName());
        holder.tvFruitAbility.setText(person.getFruitAbility());

    }

    /**
     * 告诉RecyclerView一共有多少个子项
     * @return
     */
    @Override
    public int getItemCount() {
        return personList.size();
    }
}

MainActivity中的代码修改成：

public class MainActivity extends AppCompatActivity {
    private List<Person> personList;
    private RecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        recyclerView = findViewById(R.id.recyclerView);
        //纵向布局
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);

        recyclerView.setLayoutManager(layoutManager);
        RecyclerViewAdapter adapter = new RecyclerViewAdapter(personList);
        recyclerView.setAdapter(adapter);
    }

    private void initData() {
        personList = new ArrayList<>();
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));
        personList.add(new Person(R.drawable.aisi, "艾斯", "烧烧果实，控制火的能力"));
        personList.add(new Person(R.drawable.lufei, "路飞", "橡皮果实，是一个橡皮人"));
        personList.add(new Person(R.drawable.luo, "罗", "手术果实，是一个很厉害的医生"));

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        menu.add(0, 1, 0, "切换LinearLayoutManager");
        menu.add(0, 2, 0, "切换成横向布局");
        menu.add(0, 3, 0, "切换StaggeredGridLayoutManager");
        menu.add(0, 4, 0, "切换GridLayoutManager");
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case 1:
                //纵向布局
                LinearLayoutManager layoutManager = new LinearLayoutManager(this);
                recyclerView.setLayoutManager(layoutManager);
                break;
            case 2:
                LinearLayoutManager layoutManager1 = new LinearLayoutManager(this);
                //横向布局
                layoutManager1.setOrientation(LinearLayoutManager.HORIZONTAL);
                recyclerView.setLayoutManager(layoutManager1);
                break;
            case 3:
                //瀑布流布局
                StaggeredGridLayoutManager layoutManager2 = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
                recyclerView.setLayoutManager(layoutManager2);
                break;
            case 4:
                //网格布局
                GridLayoutManager layoutManager3 = new GridLayoutManager(this, 2);
                recyclerView.setLayoutManager(layoutManager3);
                break;
        }
        return true;
    }
}

运行结果：
这里写图片描述
源码已经全部贴出来了，所以就不提供源码下载了

LayneYao
关注
专栏目录
Android 2-10 RecyclerView
Hello World
02-27 837
RecyclerView 本文章转载自https://www.jianshu.com/p/b4bb52cdbeb7 文章目录RecyclerView添加RecyclerView 依赖库修改 activity_main.xml新建 Fruit.java新建 fruit_item.xml新增适配器 FruitAdapter修改MainActivity.java修改RecyclerView 显示效果...
Android RecyclerView基本使用详解
01-03
基提供几个基本的功能， 控制其显示的方式 ———>LayoutManager—(必需) 控制Item间的间隔 ———>ItemDecoration—-(非必需) 控制Item增删的动画——->ItemAnimator——(非必需) 以上就可以完成ListView大部的...
Android RecyclerView 使用完全解析 体验艺术般的控件
weixin_30390075的博客
04-16 2592
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/45059587； 本文出自:【张鸿洋的博客】 概述 RecyclerView出现已经有一段时间了，相信大家肯定不陌生了，大家可以通过导入support-v7对其进行使用。 据官方的介绍，该控件用于在有限的窗口中展示大量数据集，其实...
(一)RecyclerView的基本使用
haogangshang的专栏
01-02 236
RecyclerView基本使用示例
07-24
默认的DefaultItemAnimator已经包含了基本的动画效果，如果需要自定义动画，可以通过继承`RecyclerView.ItemAnimator`并覆盖相应的方法来实现。 在实际开发中，需要注意以下几点以提高开发效率： 1. **复用...
RecyclerView基本使用,加分割线,加头尾,流式布局,实现ViewPager效果等
07-10
本教程将详细介绍RecyclerView的基本使用，包括如何添加分割线、设置头尾视图、实现流式布局以及模拟ViewPager的效果。 首先，让我们了解RecyclerView的核心组件。RecyclerView由Adapter、LayoutManager和...
RecyclerView 的基本使用
bailang426的博客
12-19 285
1.添加依赖 implementation 'androidx.recyclerview:recyclerview:1.2.0-alpha02' 2.在layout布局文件中声明 activity_main.xml的代码如下： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
RecyclerView基本使用
jiahui6666的博客
11-14 322
介绍: 它是Android5.0之后出现的新控件. RecyclerView实现的效果是替换ListView。 (13-15)ListView,之后使用的就是RecyclerView。 LIstView缓存的就是一个控件,RecyclerView缓存的是一个ViewHolder。 RecycleView采用的是MVC适配器模式,提供了一种插拔式的体验,高度解耦,异常灵活,可以通过布局管理器实现很多...
RecyclerView
04-11
RecyclerView实现ListView，GridView功能，横向纵向，瀑布流，多item列表
写给小白——recyclerview的基本使用（毫无杂质版）
liu_qunfeng的博客
08-23 592
  作者：justCode_ 链接：https://www.jianshu.com/p/bb6b029de04f 來源：简书 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。   前言：其实在百度上已搜说recyclerview，可以找到很多的文档。那么我写这篇文章的意义在哪里呢？其实，就是细化一些细节，并且把一些基本的套路明确化，简单来说，就是做到，你不懂recy...
Android RecyclerView的基本使用
yalinfendou的专栏
06-25 7592
DEMO实现功能： RecyclerView的点击事件： Item及item中的子View添加点击事件， RecyclerView Item之间添加分隔线：垂直与水平方向， RecyclerView 单个与多个Item的添加与删除， RecyclerView Item添加与删除动画效果， RecyclerView滚动状态监听， LayoutManager的使用。 RecyclerView的相关的LayoutManager ItemDecoration 和 ItemAnimator：LayoutManager
手把手教你RecyclerView的详细使用
最新发布
weixin_63128816的博客
05-06 2438
这个东西其实就是把想要显示的文本一行一行显示在手机页面上（当然是最基本的用法），还可以滑动，点击等等。那我我就创建一个Bean来存放我的文本如上图（String name），通过get set函数就可以实现。然后利用这个东西来实现我们想要的效果。首先创建一个空的Java Bean类和一个RecyclerView的布局，前者的作用是存我们的每一条信息，后者是有一个TextView。
RecyclerView 基本用法(一)
huahuaxingjing的博客
10-24 265
RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法。 RecyclerView 基本用法 因为RecyclerView属于新增的控件,Android将RecyclerView定义在support库里。若要使用RecyclerView,第一步是要在build.gradle中添加对应的依赖库。 添加
RecyclerView的基本使用（下）
灵魂里的香气
10-12 471
上一篇我们讨论了如何用RecyclerView实现ListView的效果。这一篇来实现一个滚动预览图片的demo。2.用RecyclerView实现滚动图片预览1）先写我们的自定义MyRecyclerView，继承RecyclerView。public class MyRecyclerView extends RecyclerView{ public MyRecyclerView(Contex
RecyclerView的基本使用（一）
神罗天征
04-25 406
RecyclerView 使用之前需要导包，不然系统会不认识这个控件，引用是添加 app  module 的，如下： dependencies { compile 'com.android.support:recyclerview-v7:25.2.0' } 在 xml 文件中 添加控件： <android.support.v7.widget.RecyclerVie
RecyclerView基本用法
zhujian82637的博客
12-04 147
Android中RecyclerView的基本用法
Android RecyclerView基本使用教程与示例
本资源提供了对RecyclerView的基本使用方法的介绍和实践案例。以下内容将深入解析RecyclerView的基本概念、结构以及如何在实际开发中应用RecyclerView。 1. RecyclerView的基本概念 RecyclerView是Android Support...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值