Android RecyclerView使用详解

最新推荐文章于 2024-08-01 21:34:34 发布

DeMonnnnnn

最新推荐文章于 2024-08-01 21:34:34 发布

阅读量1.5k

点赞数

分类专栏： # Android框架&机制文章标签： android 框架

本文链接：https://blog.csdn.net/DeMonliuhui/article/details/71747280

版权

Android框架&机制专栏收录该内容

33 篇文章 1 订阅

订阅专栏

RecyclerViwe与ListView对比

ListView不足

运行效率差，不使用ViewHolder等技巧，性能会很差。
扩展性差，子布局效果完全一致。
无法实现横向滚动，水平列表。

RecyclerViwe优点

增强版ListView，优化了ListView的不足
可轻松实现ListView的效果，扩展性强，子布局可根据自身情况变化。
可实现水平，瀑布流等列表样式。
Android官方推荐使用RecycleViwe，未来RecycleViwe将替代ListView。
RecyclerView的布局样式完全是一个白板，甚至没有分隔线，完全由个人设计没添加组件。

Demo效果图

废话不多说，先上几张效果图。
点击水平列表的图片，会显示Toast；点击列表其他地方会跳转到瀑布流界面。

本文导读

RecyclerViwe基本用法，使用流程
RecyclerViwe实现水平列表
RecyclerViwe实现瀑布流列表
RecyclerViwe的点击事件

RecycleViwe基本用法

添加依赖

dependencies {
    ...
     compile 'com.android.support:recyclerview-v7:25.3.1'
    ...
}

xml主界面布局

由于RecycleView不在内置的SDK中，需要写出完整的路径包。
主布局中两个RecycleView，上面一个显示垂直列表，下面一个显示水平列表。

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

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

    <android.support.v7.widget.RecyclerView
        android:background="@color/colorAccent"
        android:id="@+id/h_view"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

Adapter类

新建一个RecycleAdapter类继承RecyclerView.Adapter，泛型指定为RecycleAdapter.ViewHolder，ViewHolder是RecycleAdapter定义的一个内部类。
创建类的构造函数，用于传入RecycleView数据源。
重写onCreateViewHolder(), onBindViewHolder()和getItemCount()方法。
onCreateViewHolder()用于创建ViewHolder实例，将加载的布局传入构造函数中，返回ViewHolder实例。
onBindViewHolder()用于对RecyclerView子项进行复制，会在每个子项滚动到屏幕的时候执行。
getItemCount()用于RecyclerView有多少子项，直接返回数据源的长度即可。
两个RecyclerView的Adapter类除子布局外基本完全一致。子布局较简单，此处不再展示。如有需要可下载Demo参考。

public class RecycleAdapter extends RecyclerView.Adapter<RecycleAdapter.ViewHolder> {
    private List<Info> list;

    public RecycleAdapter(List<Info> list) {
        this.list = list;
    }

    @Override
    public ViewHolder onCreateViewHolder(final ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_layout, parent, false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Info info = list.get(position);
        holder.img.setImageResource(info.getId());
        holder.text.setText(info.getName());

    }

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

    static class ViewHolder extends RecyclerView.ViewHolder {
        @BindView(R.id.img)
        ImageView img;
        @BindView(R.id.text)
        TextView text;

        public ViewHolder(View view) {
            super(view);
            ButterKnife.bind(this, view);
        }
    }
}

实现垂直及水平列表

LayoutManager用于指定RecyclerView的布局方式。
使用LinearLayoutManager代表线性布局，默认是垂直。无法在xml布局中指定，必须使用setLayoutManager()方法设置，如不设置则RecyclerView无法正常显示。
创建Adapter类实例，传入数据源。
setAdapter()完成适配器设置。

public class MainActivity extends AppCompatActivity {
    @BindView(R.id.recycle_view)
    RecyclerView recycleView;
    @BindView(R.id.h_view)
    RecyclerView hView;
    private List<Info> list = new ArrayList<>();
    private RecycleAdapter adapter;
    private HRecycleAdapter hadapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
        ButterKnife.bind(this);
        initData();
        initView();


    }

    private void initView() {
        recycleView.setLayoutManager(new LinearLayoutManager(this));//指定列表布局方式，默认是垂直
        adapter = new RecycleAdapter(list);
        recycleView.setAdapter(adapter);

        LinearLayoutManager lm = new LinearLayoutManager(this);
        lm.setOrientation(LinearLayoutManager.HORIZONTAL);
        hView.setLayoutManager(lm);//指定水平列表线性布局
        hadapter = new HRecycleAdapter(list);
        hView.setAdapter(hadapter);
        
    }

    private void initData() {//初始化列表数据
        for (int i = 0; i < 20; i++) {
            Info info = new Info(R.mipmap.ic_launcher_round, "第" + (i + 1) + "条数据");
            list.add(info);
        }
    }

}

以上代码就实现了，RecyclerView的垂直与水平布局。

实现瀑布流布局

创建一个新的activity显示瀑布流布局。该Actvity的布局中包含一个RecycleView作为瀑布流的父布局。
适当修改以上两种RecyclerView的xml子布局作为瀑布流的子布局，android:layout_height="wrap_content"必须设置为wrap_content，这样才会根据不同的数据源显示不同的高度，不会固定死子列表的高度。
瀑布流的Adapter类与上面的Adapter，除修改子布局样式外基本一致。

瀑布流activity代码

StaggeredGridLayoutManager用于设置该RecyclerView的布局为交错网格布局。
StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL)有两个参数，指定布局分为3列，StaggeredGridLayoutManager.VERTICAL表示会让布局纵向排列。
randomString(String s)方法，用于随机改变数据源中文字数据的长度，因为数据源不同才会显示出参差交错的效果。

public class WaterfallActivity extends AppCompatActivity {

    @BindView(R.id.waterfall)
    RecyclerView waterfall;
    private WaterfallAdapter adapter;
    private List<Info> list = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_waterfall);
        ButterKnife.bind(this);
        initData();
        StaggeredGridLayoutManager sgm = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        waterfall.setLayoutManager(sgm);
        adapter = new WaterfallAdapter(list);
        waterfall.setAdapter(adapter);
    }

    private void initData() {
        for (int i = 0; i < 20; i++) {
            Info info = new Info(R.mipmap.ic_launcher_round, randomString("第" + (i + 1) + "条数据"));
            list.add(info);
        }

    }

    private String randomString(String s) {
        Random random = new Random();
        int len = random.nextInt(10) + 1;
        StringBuilder builder = new StringBuilder();
        for (int i = 0; i < len; i++) {
            builder.append(s);
        }
        return builder.toString();
    }
}

以上代码实现了瀑布流，只需修改子布局的样式，及设置布局管理器为StaggeredGridLayoutManager即可。

RecyclerView点击事件

不同于ListView的是，RecyclerView没有提高类似setOnItemClickListener()的监听器方法，而是需要我们给子项具体的View去注册点击事件，相比于ListView实现会比较麻烦。
看到前面RecyclerView的多种样式，你肯定会在此大失所望。为什么RecyclerView各方面都优于ListView，偏偏在点击事件上没有处理好呢？
其实不是这样的，ListView在点击事件是处理并不好，比如我们想点击子项具体的某一个按钮呢？虽然ListView也能实现，但是就会很麻烦。为此RecyclerView直接放弃了子项点击事件，所有的事件都有具体的View去注册实现，就没有这个困扰。

我们以实现水平RecyclerView的点击事件为例，修改其对应的Adapter类，实现点击事件。
点击列表中的图片用Toast显示子项的文字信息。点击子列表实现界面跳转。

在ViewHolder中创建一个View表示整个子项。
onCreateViewHolder()方法中我们holder控制不同的子项组件，实现setOnClickListener()点击注册监听，处理不同的事务。
使用 holder.getAdapterPosition()获取用户点击的position，然后拿到对应的实例。
当点击图片时，会触发图片的点击事件。点击文字部分，由于文字没有注册监听，使用会被最外层布局捕获。即子项中注册了点击的，会触发对应的监听事件；没注册点击的，会触发子项监听事件。

public class HRecycleAdapter extends RecyclerView.Adapter<HRecycleAdapter.ViewHolder> {
    private List<Info> list;

    public HRecycleAdapter(List<Info> list) {
        this.list = list;
    }

    @Override
    public ViewHolder onCreateViewHolder(final ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.hrecycle_layout, parent, false);
        final ViewHolder holder = new ViewHolder(view);
        holder.infoView.setOnClickListener(new View.OnClickListener() {//整个子项
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(parent.getContext(), WaterfallActivity.class);
                parent.getContext().startActivity(intent);
            }
        });

        holder.img.setOnClickListener(new View.OnClickListener() {//图片点击
            @Override
            public void onClick(View v) {
                int pos = holder.getAdapterPosition();
                Info info = list.get(pos);
                Toast.makeText(v.getContext(), info.getName(), Toast.LENGTH_SHORT).show();
            }
        });
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Info info = list.get(position);
        holder.img.setImageResource(info.getId());
        holder.text.setText(info.getName());

    }

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

    static class ViewHolder extends RecyclerView.ViewHolder {
        @BindView(R.id.img)
        ImageView img;
        @BindView(R.id.text)
        TextView text;
        View infoView;

        public ViewHolder(View view) {
            super(view);
            infoView = view;
            ButterKnife.bind(this, view);
        }
    }
}