RecyclerView的基本用法

article/2025/11/10 5:14:08

RecyclerView 是一个增强版的ListView，不仅可以实现和ListView同样的效果，还优化了ListView中存在的各种不足之处

ResyslerView 能够实现横向滚动，这是ListView所不能实现的

目前官方更加推荐使用RecyclerView.

1.实现垂直方向的滚动

在   dependencies 中添加库的引用

dependencies {compile fileTree(dir: 'libs', include: ['*.jar'])testCompile 'junit:junit:4.12'compile 'com.android.support:appcompat-v7:24.2.0'compile 'com.android.support:recyclerview-v7:24.2.1'
}

添加布局文件： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.RecyclerViewandroid:id="@+id/recycler_view"android:layout_width="match_parent"android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</LinearLayout>

创建RecyclerView 适配器  BookBaseAdapter ，这个类继承  RecyclerView.Adapter 并将泛型指定为 BookBaseAdapter.ViewHolder

其中ViewHolder是我们在 BookBaseAdapter 中定义的一个内部类：代码如下：

public class BookBaseAdapter extends RecyclerView.Adapter<BookBaseAdapter.ViewHolder>{private List<Book> mBookList;static class ViewHolder extends RecyclerView.ViewHolder{ImageView bookImage;TextView bookname;public ViewHolder(View view) {super(view);bookImage = (ImageView) view.findViewById(R.id.book_iamge);bookname = (TextView) view.findViewById(R.id.book_name);}}public BookBaseAdapter(List<Book> mBookList) {this.mBookList = mBookList;}
	//加载item 的布局  创建ViewHolder实例@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.book,parent,false);ViewHolder holder = new ViewHolder(view);return holder;}
	//对RecyclerView子项数据进行赋值@Overridepublic void onBindViewHolder(ViewHolder holder, int position) {Book book = mBookList.get(position);holder.bookname.setText(book.getName());holder.bookImage.setImageResource(book.getImageId());}
	//返回子项个数@Overridepublic int getItemCount() {return mBookList.size();}
}


MainActivity调用：

public class MainActivity extends AppCompatActivity {private List<Book> mlsit = new ArrayList<Book>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化List数据initBook();//初始化RecyclerViewRecyclerView recyslerview = (RecyclerView) findViewById(R.id.recycler_view);//创建LinearLayoutManager 对象 这里使用 LinearLayoutManager 是线性布局的意思LinearLayoutManager layoutmanager = new LinearLayoutManager(this);//设置RecyclerView 布局recyslerview.setLayoutManager(layoutmanager);//设置AdapterBookBaseAdapter adapter = new BookBaseAdapter(mlsit);recyslerview.setAdapter(adapter);}private void initBook(){for (int i = 0; i < 10; i++) {Book book01 = new Book("Book"+i,R.drawable.icon01);mlsit.add(book01);Book book02 = new Book("Book"+i,R.drawable.icon02);mlsit.add(book02);Book book03 = new Book("Book"+i,R.drawable.icon03);mlsit.add(book03);}}
}
main_layout布局： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.RecyclerViewandroid:id="@+id/recycler_view"android:layout_width="match_parent"android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</LinearLayout>


item布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><ImageViewandroid:id="@+id/book_iamge"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/book_name"android:layout_width="match_parent"android:layout_height="wrap_content"/></LinearLayout>


此处省略Book对象的相关源码。如上就可以实现和ListView一样的效果。


2.实现横向滚动

对垂直布局中的代码做小修改：

onCreat方法中添加setOrientation（）方法来设置布局的排列方向

 	layoutmanager.setOrientation(LinearLayoutManager.HORIZONTAL);


    @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化List数据initBook();//初始化RecyclerViewRecyclerView recyslerview = (RecyclerView) findViewById(R.id.recycler_view);//创建LinearLayoutManager 对象LinearLayoutManager layoutmanager = new LinearLayoutManager(this);layoutmanager.setOrientation(LinearLayoutManager.HORIZONTAL);//设置RecyclerView 布局recyslerview.setLayoutManager(layoutmanager);//设置AdapterBookBaseAdapter adapter = new BookBaseAdapter(mlsit);recyslerview.setAdapter(adapter);}

修改一下item的布局： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="150dp"android:layout_height="wrap_content"android:orientation="vertical"><ImageViewandroid:id="@+id/book_iamge"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"/><TextViewandroid:id="@+id/book_name"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:layout_gravity="center_horizontal"/></LinearLayout>

运行程序就可以发现我们实现了横向的滚动效果


3.瀑布流布局

RecyclerView除了LinearLayoutManager 之外，还提供了GridlayoutManager和StaggeredGridlayoutManager这两种内置的布局排列方式

GridlayoutManager可以用于实现网格布局

StaggeredGridlayoutManager可以用于实现瀑布流布局，

这里我们来实现一下炫酷的瀑布流布局：

修改item.xml的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="5dp"android:orientation="vertical"><ImageViewandroid:id="@+id/book_iamge"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"/><TextViewandroid:id="@+id/book_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:layout_gravity="left"/></LinearLayout>

onCreat方法： 

    @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化List数据initBook();//初始化RecyclerViewRecyclerView recyslerview = (RecyclerView) findViewById(R.id.recycler_view);//创建LinearLayoutManager 对象/** 第一个参数表示布局的列数* 第二个参数表示布局的方向，这里我们传入StaggeredGridLayoutManager.VERTICAL，表示布局纵向排列*/StaggeredGridLayoutManager layoutmanager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);//设置RecyclerView 布局recyslerview.setLayoutManager(layoutmanager);//设置AdapterBookBaseAdapter adapter = new BookBaseAdapter(mlsit);recyslerview.setAdapter(adapter);}

仅仅修改一行代码，就可以成功的实现瀑布流的布局效果


点击监听事件这里引用  http://blog.csdn.net/dmk877/article/details/50816933 的方法

给RecyclerView的Item添加点击事件

   Item的点击事件RecyclerView监听事件处理在ListView使用的时候，该控件给我们提供一个onItemClickListener监听器，这样当我们点击Item的时候，会回调相关的方法，以便我们方便处理Item点击事件。对于RecyclerView来讲，非常可惜的是，该控件没有给我们提供这样的内置监听器方法，不过我们可以进行改造实现，可以这样实现Item的点击事件的监听，在我们的adapter中增加这两个方法

public interface OnItemClickListener{
         void  onClick(  int  position);
         void  onLongClick(  int  position);
     }
public  void  setOnItemClickListener(OnItemClickListener onItemClickListener ){
         this .  mOnItemClickListener =onItemClickListener;
     }

然后onBindViewHolder方法要做如下更改

[java]  view plain  copy
 
  在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2.      public void onBindViewHolder(MyViewHolder holder, final int position) {  
  3.              
  4.            holder. tv.setText( mDatas.get(position));  
  5.              
  6.             if( mOnItemClickListener!= null){  
  7.                 holder. itemView.setOnClickListener( new OnClickListener() {  
  8.                        
  9.                       @Override  
  10.                       public void onClick(View v) {  
  11.                            mOnItemClickListener.onClick(position);  
  12.                      }  
  13.                 });  
  14.                   
  15.                 holder. itemView.setOnLongClickListener( new OnLongClickListener() {  
  16.                       @Override  
  17.                       public boolean onLongClick(View v) {  
  18.                            mOnItemClickListener.onLongClick(position);  
  19.                             return false;  
  20.                      }  
  21.                 });  
  22.            }  
  23.      }<span style="color:#333333;">  
  24. </span>  

在MainAcitivity中增加

[java]  view plain  copy
 
  在CODE上查看代码片 派生到我的代码片
  1. recycleAdapter.setOnItemClickListener(new OnItemClickListener() {  
  2.                
  3.               @Override  
  4.               public void onLongClick(int position) {  
  5.                    Toast.makeText(MainActivity.this,"onLongClick事件       您点击了第："+position+"个Item",0).show();  
  6.               }  
  7.                
  8.               @Override  
  9.               public void onClick(int position) {  
  10.                    Toast.makeText(MainActivity.this,"onClick事件       您点击了第："+position+"个Item",0).show();  
  11.               }  
  12.          });

参考文档：http://blog.csdn.net/dmk877/article/details/50816933


http://chatgpt.dhexx.cn/article/Zu3SJ497.shtml

相关文章

RecyclerView安卓androidx.widget.RecyclerView

RecyclerView安卓androidx.widget.RecyclerView

导入RecyclerView implementation com.android.support:recyclerview-v7:28.0.0或者把常用的组件都导入了&#xff0c;包括了RecyclerView implementation com.android.support:design:28.0.01.RecyclerView介绍 RecyclerView它可以说是一个增强版的ListView。ListView由于其…
阅读更多...
RecyclerView的基本使用

RecyclerView的基本使用

RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法。 RecyclerView 基本用法 因为RecyclerView属于新增的控件,…
阅读更多...
RecyclerView 的使用（androidx）

RecyclerView 的使用（androidx）

文章目录 一、导包二、基本使用三、设置分割线四、自定义点击事件五、实现 GridView六、实现瀑布流七、更多效果八、RecyclerView 常见问题九、RecyclerView 和 ScrollView 嵌套的问题 一、导包 implementation androidx.recyclerview:recyclerview:1.1.0二、基本使用 2.1、首…
阅读更多...
RecyclerView简单使用(非常详细)

RecyclerView简单使用(非常详细)

星期六&#xff0c;又是撸代码的一天 作为一个初级都算不上的小白&#xff0c;一步一个脚印的学吧&#xff0c;学一个记一个 今天记录的是RecyclerView RecyclerView 简述创建布局添加 RecyclerView和每个list布局&#xff08;偏新手向&#xff0c;选择性跳过&#xff09; 创建…
阅读更多...
androidx.recyclerview:recyclerview的使用

androidx.recyclerview:recyclerview的使用

添加扩展 或手动修改app/build.gradle&#xff1a; 在dependencies里添加 implementation androidx.recyclerview:recyclerview:1.0.0新建布局layout item布局fruit_item.xml&#xff1a; <?xml version"1.0" encoding"utf-8"?> <LinearLayo…
阅读更多...
Android学习之RecyclerView的使用

Android学习之RecyclerView的使用

RecyclerView是Android 5.0推出的&#xff0c;是support-v7包中的新组件,它被用来代替ListView和GridView&#xff0c;并且能够实现瀑布流的布局&#xff0c;更加高级并且更加灵活&#xff0c;提供更为高效的回收复用机制&#xff0c;同时实现管理与视图的解耦合。 官方文档解释…
阅读更多...
RecyclerView剖析

RecyclerView剖析

####简介 　　本文将从RecyclerView实现原理并结合源码详细分析这个强大的控件。阅读本文要求&#xff1a;1、熟悉android控件绘制&#xff0c;2、了解动画&#xff0c;3、了解Scroller.本文所示源码版本是23.2.0。 ####基本使用 　　RecyclerView的基本使用并不复杂&#xff…
阅读更多...
RecyclerView的使用（一）

RecyclerView的使用（一）

目录 1.RecyclerView概述 2.RecyclerView的简单使用 3.改变布局管理器&#xff0c;RecyclerView的变化 1.RecyclerView概述 在谷歌Android官网&#xff0c;给RecyclerView的描述是: 那RecyclerView凭什么要比ListView要更高级&#xff1f;更灵活&#xff1f; 答案是&#x…
阅读更多...
RecyclerView详解

RecyclerView详解

RecyclerView 简称 RV&#xff0c; 是作为 ListView 和 GridView 的加强版出现的&#xff0c;目的是在有限的屏幕之上展示大量的内容&#xff0c;因此 RecyclerView 的复用机制的实现是它的一个核心部分。 RV 常规使用方式如下&#xff1a; 解释说明。 setLayoutManager&…
阅读更多...
RecyclerView（三）—— RecyclerView的缓存机制

RecyclerView（三）—— RecyclerView的缓存机制

RecyclerView内存优越性&#xff0c;得益于它独特的缓存机制。 1 如何复用表项 如果列表中的每个表项在移出屏幕时被销毁&#xff0c;移入时又被重新创建&#xff0c;是很消耗资源&#xff0c;所以RecyclerView引入了缓存机制。缓存是为了复用&#xff0c;复用的好处是有可能…
阅读更多...
RecyclerView详解一，使用及缓存机制

RecyclerView详解一，使用及缓存机制

本文大致会先讲解RecyclerView的基础知识及使用&#xff0c;最后会深入讲解一点原理。当然&#xff0c;本人知识水平有限哈&#xff0c;太深入的东西我现在还没接触到&#xff0c;还请大家包容&#xff0c;阿里嘎多~ 一、RecyclerView的历史与发展 既然讲到了RV&#xff0c;那…
阅读更多...
Android开发—RecyclerView使用

Android开发—RecyclerView使用

1.RecyclerView是什么 RecyclerView 在Android中用于创建列表。 官网的解释为&#xff1a; RecyclerView 可以让您轻松高效地显示大量数据。您提供数据并定义每个列表项的外观&#xff0c;而 RecyclerView 库会根据需要动态创建元素。 当RecyclerView的列表项滚出屏幕的时候&a…
阅读更多...
Android RecyclerView使用简述

Android RecyclerView使用简述

RecyclerView使用简述 前言正文一、创建项目二、RecyclerView基本使用① item布局和适配器② 显示数据③ 添加Item点击事件④ 添加Item子控件点击事件⑤ 添加长按事件⑥ 多个子控件点击事件 三、RecyclerView ViewBinding使用① 适配器② 显示数据③ 添加控件点击和长按 四、R…
阅读更多...
es6新特性总结及使用说明

es6新特性总结及使用说明

目录 简介 新特性说明 let语法 const语法 解构赋值 模板字符串 对象简写 对象操作--深拷贝 箭头函数 小结 简介 1. ECMAScript 6.0是 JavaScript 语言的下一代标准&#xff0c; 2015 年 6 月发布。 ES6 设计目标是达到 JavaScript 语言可以用来编写复杂的大型程序&a…
阅读更多...
ES6有哪些新特性

ES6有哪些新特性

ES6有哪些新特性(1)变量声明:由var变为let和const; (2)模板字符串:使用反引号;在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式; (3)解构:有数组解构和对象解构;可以快速获取数组和对象的值; (4) 展开运算符:在ES6中用…来表示展开运算符,它可以将数组…
阅读更多...
ES6 新特性知识点总结

ES6 新特性知识点总结

文章目录 ES6let及const解构赋值模板字符串Symbol类型Set和Map数据结构箭头函数类 ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 实际上是一个泛指&#xff0c;泛指 ES2015 及后续的版本。 每一次标准的诞生都意味着语言的…
阅读更多...
ES6 新特性

ES6 新特性

1 、ES6 新特性 现在使用主流的前端框架中&#xff0c;如ReactJS、Vue.js、angularjs等&#xff0c;都会使用到ES6的新特性&#xff0c;作为一名高级工程师而言&#xff0c;ES6也就成为了必修课&#xff0c;所以本套课程先以ES6的新特性开始。 1.1、了解ES6 ES6&#xff0c;…
阅读更多...
ES6新特性总结-面试必会

ES6新特性总结-面试必会

文章目录 一、let和const二、Symbol三、模板字符串3.1 什么是模板字符串3.2 字符串新方法 四、解构表达式4.1 数组解构4.2 对象解构 五、Set()、map()数据结构5.1 map()是什么及写法&#xff1f;5.1.1 map()是什么及写法&#xff1f;5.1.2 map()下的内置方法&#xff1a; 5.2 S…
阅读更多...
JavaScript ES6新特性

JavaScript ES6新特性

JavaScript ES6带来了新的语法和特性&#xff0c;使得代码更加的现代和可读。它包括许多重要功能&#xff0c;如箭头函数、模板字符串、解构赋值等等。 const 和 let const 是 ES6 中用于声明变量的新关键字。const 比 var 强大。一旦使用&#xff0c;变量就不能重新分配。换…
阅读更多...
ES6必须知道的六大新特性

ES6必须知道的六大新特性

ES6 ES6新特性-let&const 使用const表示常量&#xff08;声明之后不允许改变&#xff0c;一旦声明必须初始化&#xff0c;否则会报错&#xff09; //ES6 常量 不能修改const b2;b3;//Uncaught TypeError: Assignment to constant variable.console.log(b);使用var声明的…
阅读更多...
推荐文章

Copyright @ 2022~2023