RecyclerView（一）最简单的recyclerview

最新推荐文章于 2021-03-05 09:06:37 发布
最新推荐文章于 2021-03-05 09:06:37 发布
阅读量3.7k 收藏 4
点赞数 2
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/litefish/article/details/51582791
版权

RecyclerView相比listview有很多灵活性，可以完全取代listview。

RecyclerView is a more advanced and flexible version of ListView. This widget is a container for large sets of views that can be recycled and scrolled very efficiently.

最简单例子 Project： RecycleViewTest

先来看个最简单的例子，首先在项目的依赖库内加入recycleview的库。

activity的layout如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.fish.recycleviewtest.MainActivity">

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

recycleview的item的布局如下 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#44ff0000"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/id_num"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:text="1" />
</FrameLayout>
MainActivity代码 

package com.fish.recycleviewtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private List<String> mDatas;
    private RecyclerView recyclerView;
    private FishAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.recycle_view);
        initData();
        initRecycleView();
    }

    private void initRecycleView() {
        adapter = new FishAdapter(this);
        //必须指定adaoter
        recyclerView.setAdapter(adapter);
        //必须指定layoutmanager
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        adapter.setData(mDatas);
    }

    protected void initData() {
        mDatas = new ArrayList<String>();
        for (int i = 'A'; i < 'z'; i++) {
            mDatas.add("" + (char) i);
        }
    }
}

FishAdapter代码 

package com.fish.recycleviewtest;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.ViewGroup;

import java.util.List;

/**
 * Created by fish on 16/6/4.
 */
public class FishAdapter extends RecyclerView.Adapter<FishViewHolder> {
    private List<String> data;
    private LayoutInflater inflater;

    public FishAdapter(Context context) {
        inflater = LayoutInflater.from(context);
    }

    @Override
    public FishViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LogUtil.fish("onCreateViewHolder");
        FishViewHolder holder = new FishViewHolder(inflater.inflate(
                R.layout.item, parent, false));
        return holder;
    }

    @Override
    public void onBindViewHolder(FishViewHolder holder, int position) {
        LogUtil.fish("onBindViewHolder " + position);
        holder.tv.setText(data.get(position));
    }

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

    public void setData(List<String> pDatas) {
        data = pDatas;
    }
}

FishViewHolder代码 

package com.fish.recycleviewtest;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.TextView;

public class FishViewHolder extends RecyclerView.ViewHolder {

    TextView tv;

    public FishViewHolder(View view) {
        super(view);
        tv = (TextView) view.findViewById(R.id.id_num);
    }
}

最简单的recycleview就这么诞生了，非常简单。效果如下


看看MainActivity的initRecycleView，为recycleview依次设置了adapter，layoutmanager，recycleview必须要设置adapter和layoutManager。adapter用来管理数据，layoutmanager用来管理各个item view的布局，比如布局成listview或者gridview或者瀑布流。

adapter内部的onCreateViewHolder负责为某个item创建viewholder（和listview里面的viewholder概念一样），在使用listview的时候我们经常还要getTag，setTag，这里系统帮我们做了，我们只要往里面放一个view，就得到了一个viewholder。

  FishViewHolder holder = new FishViewHolder(inflater.inflate(
                R.layout.item, parent, false));

如果没有设置adapter，会怎么样呢？

可以看下这个方法RecyclerView#dispatchLayout，这个方法会在layout过程中调用，如果发现没有adapter会报错No adapter attached; skipping layout

如果发现没有layoutManager会报错    No layout manager attached; skipping layout

   void dispatchLayout() {
        if (mAdapter == null) {
            Log.e(TAG, "No adapter attached; skipping layout");
            // leave the state in START
            return;
        }
        if (mLayout == null) {
            Log.e(TAG, "No layout manager attached; skipping layout");
            // leave the state in START
            return;
        }
        mState.mIsMeasuring = false;
        onEnterLayoutOrScroll();
        if (mState.mLayoutStep == State.STEP_START) {
            dispatchLayoutStep1();
            mLayout.setExactMeasureSpecsFrom(this);
            dispatchLayoutStep2();
        } else if (mAdapterHelper.hasUpdates() || mLayout.getWidth() != getWidth() ||
                mLayout.getHeight() != getHeight()) {
            // First 2 steps are done in onMeasure but looks like we have to run again due to
            // changed size.
            mLayout.setExactMeasureSpecsFrom(this);
            dispatchLayoutStep2();
        } else {
            // always make sure we sync them (to ensure mode is exact)
            mLayout.setExactMeasureSpecsFrom(this);
        }
        dispatchLayoutStep3();
        onExitLayoutOrScroll();
    }


TO BE SMART

上边的代码虽然没问题，但是我们完全可以写的更好一点，比如把和viewholder相关的东西都放到Viewholder里面去，而不是在adapter内部处理。再比如，把recycleview的设置layoutmanager放到adapter内部(onAttachedToRecyclerView方法)去。

修改之后的代码如下所示

adapter的代码

package com.fish.recycleviewtest;

import android.content.Context;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.ViewGroup;

import java.util.List;

/**
 * Created by fish on 16/6/4.
 */
public class FishAdapter extends RecyclerView.Adapter<FishViewHolder> {
    private List<String> data;

    public FishAdapter() {

    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        //必须指定layoutmanager
        recyclerView.setLayoutManager(new LinearLayoutManager(recyclerView.getContext()));
    }

    @Override
    public FishViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LogUtil.fish("onCreateViewHolder");
        FishViewHolder holder = new FishViewHolder(parent);
        return holder;
    }

    @Override
    public void onBindViewHolder(FishViewHolder holder, int position) {
        LogUtil.fish("onBindViewHolder " + position);
        holder.bind(data.get(position));
    }

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

    public void setData(List<String> pDatas) {
        data = pDatas;
    }
}

viewholder的代码 

package com.fish.recycleviewtest;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class FishViewHolder extends RecyclerView.ViewHolder {

    TextView tv;

    public FishViewHolder(ViewGroup parent) {
        super(LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false));
        tv = (TextView) itemView.findViewById(R.id.id_num);
    }

    public void bind(String s){
        tv.setText(s);
    }
}

这样看起来思路更清晰一点，   FishViewHolder负责所有和viewholder相关的操作，主要是一个创建一个bind，而adapter不直接操作viewholder。和recycleview初始化相关的操作放入adapter的onAttachedToRecyclerView内部，而不是放在activity里面

多种item project：FishRecycleViewMultiType

listview支持多种item，recyclerview同样支持,写起来很简单
写2个viewholder，然后把数据添加进去,就OK了，效果如下 

package com.fish.fishrecycleviewmultitype;

import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.ViewGroup;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by fish on 16/6/4.
 */
public class MyAdapter extends RecyclerView.Adapter<FishViewHolder> {
    private List<FishData> data = new ArrayList<>();

    public static final int TYPE_TEXT = 1;
    public static final int TYPE_IMAGE = 2;

    public MyAdapter() {

    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        //必须指定layoutmanager
        recyclerView.setLayoutManager(new LinearLayoutManager(recyclerView.getContext()));
    }

    @Override
    public FishViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LogUtil.fish("onCreateViewHolder");
        switch (viewType) {
            case TYPE_TEXT:
                return new TextViewHolder(parent);
            case TYPE_IMAGE:
                return new ImageViewHolder(parent);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(FishViewHolder holder, int position) {
        holder.bind(data.get(position).data);
    }


    public void addData(int type, Object o) {
        data.add(new FishData(type, o));
    }

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

    @Override
    public int getItemViewType(int position) {
        return data.get(position).type;
    }

}


package com.fish.fishrecycleviewmultitype;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.ViewGroup;
import android.widget.TextView;

public class TextViewHolder extends FishViewHolder {

    TextView tv;

    public TextViewHolder(ViewGroup parent) {
        super(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_text, parent, false));
        tv = (TextView) itemView.findViewById(R.id.id_num);
    }


    @Override
    protected void bind(Object object) {
        String s = (String) object;
        tv.setText(s);
    }
}

package com.fish.fishrecycleviewmultitype;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

public class ImageViewHolder extends FishViewHolder {

    ImageView tv;
    Context context;
    public ImageViewHolder(ViewGroup parent) {
        super(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_image, parent, false));
        context = parent.getContext();
        tv = (ImageView) itemView.findViewById(R.id.image);
    }


    @Override
    protected void bind(Object object) {
        int drawableId = (int) object;
        tv.setImageDrawable(context.getDrawable(drawableId));
    }
}

item_image 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#44ff77">

    <ImageView
        android:id="@+id/image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:gravity="center"
        android:text="1" />
</FrameLayout>
item_text 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#44ff0000"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/id_num"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:text="1" />
</FrameLayout>

以后如果需要更多种类的布局，就再添加viewholder就可以 了






Android UI开发基础：RecyclerView与ListView的优化
Ya-Jun 的博客
03-06 377
本文详细介绍了ListView和RecyclerView的优化技巧，从基础概念到高级应用，系统地讲解了如何提高列表性能和用户体验。RecyclerView作为Android现代列表控件，提供了更多的灵活性和性能优势，是开发高性能列表界面的首选。在实际开发中，应根据具体需求选择合适的优化策略，如使用DiffUtil进行高效更新、实现分页加载、优化布局结构等。同时，结合Epoxy、Paging等优秀的开源库，可以更轻松地构建复杂且高性能的列表界面。下一篇文章将介绍Fragment的生命周期与使用，敬请期待。
RecyclerView的简单使用
Reserve_Scale的博客
04-17 490
以下代码均来自郭霖的《第一行代码》第2版，想了解详细内容的可以去看原书。 1、RecyclerView RecyclerView 是一个增强版的ListView，不仅可以实现和ListView同样的效果，还优化了ListView中存在的各种不足之处。 ResyslerView 能够实现横向滚动，瀑布流布局等。 2、竖向滚动 仍然先介绍竖向滚动，代码量与ListView差不多，但是...
RecyclerView的简单使用（一）
03-10
博客地址 http://blog.youkuaiyun.com/sbsujjbcy/article/details/44182651
Android从最简单的RecyclerView做起
qq_36566101的博客
05-30 275
一直以来都是用ListView和GridView来做列表开发，懒得去学RecyclerView，因为在功能上没有太大的差异，就按习惯去开发了。 最近闲着，正好学一下RecyclerView，改变开发习惯，用得好的话以后就都用RecyclerView了。先从最简单的RecyclerView做起。 首先在gradle里添加依赖： implementation 'com.android.support:...
RecyclerView 必知必会
Android爱好者
01-05 702
RecyclerView是Android 5.0提出的新UI控件，可以用来代替传统的ListView。Bugly之前也发过一篇相关文章，讲解了 RecyclerView 与 ListView 在缓存机制上的一些区别：Android ListView 与 RecyclerView 对比浅析–缓存机制前言下文中Demo的源代码地址：https://github.com/xiazdong/Recycler
非常简单的RecyclerView
04-25
非常简单的RecyclerView，RecyclerView的基本用法。。。。。。。。。。。。。。
使用RecyclerView的最简单方法。 减少样板代码！ 您不再需要为列表页面编写适配器！-Android开发
05-26
通用Recycler适配器使用RecyclerView的最简单方法。 减少样板代码！ 您不再需要为列表页面编写适配器！ 您可以在此处查看演示应用程序的设置方法：步骤1. Ad Generic Recycler Adapter使用RecyclerView的最简单方法...
HFRecyclerView：以最简单的方式在您的RecyclerView中添加页眉和页脚
02-03
这是一个Android库，允许以最简单的方式在RecyclerView中添加Header和/或Footer 。 用法 要在RecyclerView中添加页眉和/或页脚，您需要在项目中添加HFRecyclerView库，也可以从Gradle中获取它： implementation '...
Android Recyclerview实现水平分页GridView效果示例
01-04
很明显横向滑动的分页，第一反应就是使用ViewPager，毕竟只要通过自定义ViewPager，实现这个效果还是很容易，但是实际中问题时，当前模块是Recyclerview中某一个Holder，为了性能，肯定尽量使用Recyclerview去复用...
recyclerview简单使用
03-27
在这个"RecyclerView简单使用"的主题下，我们将探讨如何在Android应用中实现RecyclerView的基本功能。 首先，为了使用RecyclerView，我们需要在项目的build.gradle文件中添加依赖： ```groovy dependencies { ...
RecyclerView简单
小白的博客
01-02 185
Activity public class ShowActivity extends AppCompatActivity { Context context; @BindView(R.id.rv_container) RecyclerView rvContainer; @Override protected void onCreate(Bundle sa...
RecycleView简单使用
ffengz的博客
08-24 684
简介 基本使用流程 1.导包 2.设置布局管理器 3.设置Adapter 4. 添加分割线 5. 设置动画 6.点击事件 7.HeadView + FootView 7.去掉滑动收尾的下拉动画 复杂布局层数简化 1. 布局要求 2. 布局解析 3. 布局实现 4. 最终效果展示 简介 A flexible view for providing a limited ...
RecyclerView简单使用
狂奔的奶牛
03-18 2994
上面的截图分别是仿List显示、网格显示、瀑布流显示。 LinearLayoutManager:线性布局,横向或者纵向滑动列表 GridLayoutManager:表格布局 StaggeredGridLayoutManager:流式布局,例如瀑布流效果 当然除了上面的三种内部布局之外，我们还可以继承RecyclerView.LayoutManager来实现一个自定义的LayoutM
带你手写一个简单的RecycleView
让技术为我所用
03-05 505
目录RecyclerView的用法RecyclerView架构中核心组件RecyclerView架构在工作中的体现RecyclerView的架构思考回收池的回收策略回收池的填充策略回收池的设计需要重写的方法参考代码示例效果 RecyclerView的用法 RecyclerView一般作为Android显示列表的控件，有诸多优异的性能。 1)回收池策略能加载上亿级数据不发生卡顿， 2)适配器模式能展示任意显示需求 RecyclerView架构中核心组件 1、回收池:能回收任意Item控件，并返回符合类型
简单粗暴----RecyclerView的使用
下位子的博客
01-07 788
给初学RecyclerView的人一些使用帮助本篇文章只是给初次使用RecyclerView的兄弟一个简单的入门使用步骤。现如今，RecyclerView已经逐渐开始代替 ListView 和 GridView,只需要一步，就可以实现ListView 和 GridView 之间的切换，后面会叙述。当我们还在为ListView优化烦恼的时候，RecyclerView已经帮你封装好了，使用起来也很简单。
RecycleView最简教程
Lucius的博客
05-07 357
RecyclerView详解 这可能是RecyclerView最简单的入门程序了，本篇文章只适合Recycle入门，请轻喷 RecycleView介绍 RecycleView可以用来替代ListView以及GridView可以自定义炫酷的效果。在使用RecycleView的过程中需要了解一下四点 LayoutManager布局管理器控制每一个item的布局方式 ItemAnimato...
RecyclerView的使用——简单例子
朦胧色彩
05-06 6445
RecyclerView组件是一个更先进和灵活的版本的列表视图。这个小部件是一个非常有效率的容器，通过有限的views，可以滚动显示大型数据集。我们知道，Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder，并且可以轻松的实现ListView、GridView以及瀑布流的效果。RecyclerView支持水平滚动和垂直滚动
RecyclerView使用示例代码解析
在今天的移动应用开发领域，RecyclerView 是一个极其重要的 UI 组件，用于高效地展示长列表数据。它是由 Android 官方支持的，可以处理大量数据的展示，同时保持良好的性能和内存使用。本篇将介绍 RecyclerView 的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值