为RecyclerView打造通用Adapter

合集下载

android recyclerview listadapter用法

android recyclerview listadapter用法全文共四篇示例，供读者参考第一篇示例：Android开发中，RecyclerView是一个常用的控件，用于展示大量数据列表。

而ListAdapter则是用来绑定数据到RecyclerView的适配器。

在Android 11中，谷歌推出了RecyclerView的ListAdapter，它是RecyclerView.Adapter的一个子类，用来更高效地管理数据，并提供更好的性能。

这篇文章将介绍Android RecyclerView ListAdapter的用法，并向大家展示如何使用它来快速构建高效的数据列表视图。

一、RecyclerView ListAdapter的优势RecyclerView ListAdapter是在Android 11中引入的一个新特性，它继承自RecyclerView.Adapter，并针对数据的变化做了一些优化。

相比普通的RecyclerView.Adapter，ListAdapter可以更高效地管理数据变化，避免重复刷新整个列表，提高界面渲染的性能。

它主要有以下几个优势：1. 只对数据差异做出相应：当数据发生变化时，ListAdapter会智能地只更新变化的部分，而不是重新刷新整个列表。

这样可以大大减少界面刷新的开销，提升性能。

2. 自动计算数据差异：ListAdapter会自动计算出新旧数据集合之间的差异，然后根据差异来更新列表项。

这样可以简化数据更新的逻辑，减少开发者的工作量。

3. 支持DiffUtil：ListAdapter内部使用了DiffUtil类来计算数据差异，可以高效地找出数据集合之间的变化。

开发者也可以自定义DiffUtil来满足特定的需求。

下面我们将演示如何使用RecyclerView ListAdapter来构建一个简单的数据列表视图。

我们需要在项目的build.gradle文件中添加依赖：```implementation 'androidx.recyclerview:recyclerview:1.2.0'implementation'androidx.recyclerview:recyclerview-selection:1.1.0'```接着，我们创建一个实体类来表示列表项的数据：```javapublic class Item {private String name;```javapublic class ItemAdapter extends ListAdapter<Item, ItemAdapter.ItemViewHolder> {protected ItemAdapter() {super(new DiffUtil.ItemCallback<Item>() {@Overridepublic boolean areItemsTheSame(@NonNull Item oldItem, @NonNull Item newItem) {returnoldItem.getName().equals(newItem.getName());}@Overridepublic void onBindViewHolder(@NonNull ItemViewHolder holder, int position) {Item item = getItem(position);holder.bind(item);}static class ItemViewHolder extends RecyclerView.ViewHolder {private TextView nameTextView;接下来，我们在布局文件中添加RecyclerView：List<Item> items = new ArrayList<>();for (int i = 0; i < 100; i++) {items.add(new Item("Item " + i));}adapter.submitList(items);```三、自定义DiffUtil实现数据比较下面，我们通过一个示例来演示如何自定义DiffUtil来实现定制化的数据比较逻辑。

setadapter用法

setadapter用法
setAdapter是ListView和RecyclerView中常用的方法，用于设置适配器，将数据和界面进行绑定。

ListView中的setAdapter用法：
1. 创建一个适配器对象，继承BaseAdapter，并实现其中的四个方法：getCount、getItem、getItemId、getView。

2. 在Activity中实例化ListView，并调用setAdapter方法，将适配器对象传入。

3. 在适配器的getView方法中，将数据绑定到布局中。

RecyclerView中的setAdapter用法：
1. 创建一个适配器对象，继承RecyclerView.Adapter，并实现其中的三个方法：onCreateViewHolder、onBindViewHolder、getItemCount。

2. 在Activity中实例化RecyclerView，并调用setAdapter方法，将适配器对象传入。

3. 在适配器的onCreateViewHolder方法中，将布局文件转换成View，并将View封装成ViewHolder返回。

4. 在适配器的onBindViewHolder方法中，将数据绑定到ViewHolder的控件中。

setAdapter方法的作用是将数据和界面进行绑定，将适配器与ListView或RecyclerView进行关联，通过适配器来展示数据。

setAdapter是ListView和RecyclerView中必须使用的方法之一。

baserecyclerviewadapterhelper简书

baserecyclerviewadapterhelper简书引言概述：在移动应用开发中，RecyclerView是一种常用的控件，用于展示大量数据并实现列表功能。

而BaseRecyclerViewAdapterHelper（以下简称BRVAH）则是一个强大的RecyclerView适配器库，为开发者提供了便捷的列表操作和功能扩展。

本文将详细介绍BRVAH的使用方法和特点。

正文内容：1. BRVAH的基本介绍1.1 BRVAH是什么BRVAH是一种基于RecyclerView的适配器库，旨在简化RecyclerView的使用和开发流程。

它提供了丰富的功能和操作方法，包括多布局、加载更多、侧滑删除、拖拽排序等，大大提高了开发效率。

1.2 BRVAH的特点- 支持多布局：BRVAH允许为RecyclerView的不同项使用不同的布局，方便展示不同类型的数据。

- 加载更多功能：BRVAH提供了自动加载更多的功能，当滑动到列表底部时，可以自动加载更多数据。

- 侧滑删除和拖拽排序：BRVAH支持侧滑删除和拖拽排序功能，可以轻松实现这些常用的交互效果。

- 动画效果：BRVAH内置了多种动画效果，可以为列表项添加动画，增加用户体验。

- 快速操作：BRVAH提供了一系列快速操作方法，如添加、删除、更新数据等，方便开发者对列表进行操作。

2. BRVAH的使用方法2.1 添加依赖首先，在项目的build.gradle文件中添加BRVAH的依赖：```implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4'```2.2 创建Adapter创建一个继承自BaseQuickAdapter的Adapter类，并实现相关方法，如getItemCount、onCreateViewHolder等。

在ViewHolder中，可以设置不同布局的视图和数据绑定。

basequickadapter与viewbinding用法

basequickadapter与viewbinding用法基于RecyclerView的快速适配器（BaseQuickAdapter）与ViewBinding 的用法引言：在Android开发中，RecyclerView是一种用于展示大量数据列表的控件。

而在使用RecyclerView时，通常需要一个适配器来为RecyclerView提供数据项以及渲染视图。

为了简化适配器的编写过程，BaseQuickAdapter 应运而生。

同时，为了提高布局文件的性能与安全性，谷歌在Android Studio 3.6中引入了ViewBinding。

本文将重点介绍如何使用BaseQuickAdapter来快速编写适配器，并借助ViewBinding来提高布局文件的使用效率与安全性。

第一部分：了解BaseQuickAdapter1.1 BaseQuickAdapter简介BaseQuickAdapter是一个开源库，旨在简化RecyclerView适配器的编写过程及优化性能。

它封装了大量常用的适配器方法，并提供了方便的API，使得我们能够快速地创建一个强大且灵活的适配器。

1.2 BaseQuickAdapter的使用步骤使用BaseQuickAdapter可以遵循以下步骤：1）继承BaseQuickAdapter类，指定数据类型。

2）实现convert()方法，在该方法中完成数据绑定及视图渲染。

3）在需要展示RecyclerView的地方，创建BaseQuickAdapter的实例。

4）为RecyclerView设置adapter，并传入数据源。

第二部分：探索ViewBinding2.1 ViewBinding简介ViewBinding是Android Studio 3.6中推出的一个用于视图绑定的工具。

它能够为布局文件自动生成一个绑定类，其中包含了所有视图的引用，使得我们可以直接访问这些视图而无需手动findViewById()。

Android无限循环RecyclerView的完美实现方案

Android⽆限循环RecyclerView的完美实现⽅案背景项⽬中要实现横向列表的⽆限循环滚动，⾃然⽽然想到了RecyclerView，但我们常⽤的RecyclerView是不⽀持⽆限循环滚动的，所以就需要⼀些办法让它能够⽆限循环。

⽅案选择⽅案1 对Adapter进⾏修改⽹上⼤部分博客的解决⽅案都是这种⽅案，对Adapter做修改。

具体如下⾸先，让 Adapter 的 getItemCount() ⽅法返回 Integer.MAX_VALUE，使得position数据达到很⼤很⼤；其次，在 onBindViewHolder() ⽅法⾥对position参数取余运算，拿到position对应的真实数据索引，然后对itemView绑定数据最后，在初始化RecyclerView的时候，让其滑动到指定位置，如 Integer.MAX_VALUE/2，这样就不会滑动到边界了，如果⽤户⼀根筋，真的滑动到了边界位置，再加⼀个判断，如果当前索引是0，就重新动态调整到初始位置这个⽅案是挺简单，但并不完美。

⼀是对我们的数据和索引做了计算操作，⼆是如果滑动到边界，再动态调整到中间，会有⼀个不明显的卡顿操作，使得滑动不是很顺畅。

所以，直接看⽅案⼆。

⽅案2 ⾃定义LayoutManager，修改RecyclerView的布局⽅式这个算得上是⼀劳永逸的解决⽅案了，也是我今天要详细介绍的⽅案。

我们都知道，RecyclerView的数据绑定是通过Adapter 来处理的，⽽排版⽅式以及View的回收控制等，则是通过LayoutManager来实现的，因此我们直接修改itemView的排版⽅式就可以实现我们的⽬标，让RecyclerView⽆限循环。

⾃定义LayoutManager1.创建⾃定义LayoutManager⾸先，⾃定义 LooperLayoutManager 继承⾃ youtManager，然后需要实现抽象⽅法generateDefaultLayoutParams()，这个⽅法的作⽤是给 itemView 设置默认的LayoutParams，直接返回如下就⾏。

baseviewholder bindingadapterposition详解 -回复

baseviewholder bindingadapterposition详解-回复一、什么是BaseViewHolder？BaseViewHolder是一个通用的RecyclerView.ViewHolder的封装类。

在使用RecyclerView时，我们通常需要为每一种不同的布局编写一个ViewHolder类，这样会导致代码冗余。

而使用BaseViewHolder，我们可以将通用的ViewHolder逻辑封装在一起，避免代码重复。

二、什么是BindingAdapterPosition？BindingAdapterPosition是BaseViewHolder类中的一个变量。

在ViewHolder的绑定方法中，我们通常需要获取当前ViewHolder在列表中的位置以进行相应的数据绑定操作。

BindingAdapterPosition就是用来保存当前ViewHolder在列表中的位置的。

三、如何使用BaseViewHolder和BindingAdapterPosition？1. 创建BaseViewHolder类我们首先创建一个继承自RecyclerView.ViewHolder的BaseViewHolder类。

这个类中可以封装一些通用的ViewHolder操作，比如findViewById等。

javapublic class BaseViewHolder extends RecyclerView.ViewHolder { 保存当前ViewHolder在列表中的位置private int bindingAdapterPosition;public BaseViewHolder(View itemView) {super(itemView);}public int getBindingAdapterPosition() {return bindingAdapterPosition;}public void setBindingAdapterPosition(int bindingAdapterPosition) {this.bindingAdapterPosition = bindingAdapterPosition;}}2. 创建继承自BaseViewHolder的具体ViewHolder类我们再创建一个具体的ViewHolder类，继承自BaseViewHolder。

Adapter模式在Android中的应用

Adapter模式在Android中的应用在Android程序开发中，Adapter模式是常用的一种设计模式。

Adapter模式用于将一个类的接口转换成客户希望的另一个接口。

这种模式主要适用于那些原本不兼容的类之间的接口转换。

在Android中，Adapter模式主要用于ListView、RecyclerView等控件中，将数据源和界面进行绑定。

ListView是Android中比较常用的控件之一，它可以用来显示一组滚动的数据列表。

ListView可以显示的数据通常来自于一个List或者一个数组，这些数据源需要通过适配器（Adapter）来连接到ListView上。

Adapter把数据源和ListView连接起来，并根据ListView的要求，提供ListView需要的数据和组件，负责将组件和数据绑定。

Adapter模式正是这个流程的精髓所在。

在实际开发过程中，我们常常需要对ListView中的每个Item进行设计。

比如需要在每个Item中放置一张图片，一段文字等等。

Adapter模式可以将数据和UI组件分离，使UI组件不需要知道数据是从哪里来的。

Adapter负责数据的处理，而UI组件则根据Adapter提供的数据进行渲染。

Android中提供了两个重要的Adapter类：ArrayAdapter和BaseAdapter。

ArrayAdapter是一个简单的Adapter，可以用来处理数据类型比较简单的情况，比如只需要显示一些字符串。

BaseAdapter则是一个更加通用的Adapter，可以用来处理复杂的UI组件以及数据源之间的关系。

BaseAdapter需要程序员实现其中的一些方法，来实现数据和UI绑定的过程。

除此之外，在Android中还有一个RecyclerView控件。

RecyclerView是一个更加高级的RecyclerView，它比ListView可以处理更加复杂的UI组件。

RecyclerView始终是基于Adapter模式来实现的，它需要一个Adapter类来将数据源和UI组件连接起来。

kotlin中setadapter 的用法

kotlin中setAdapter的用法1. 概述在Kotlin中，setAdapter是用于设置RecyclerView或ListView的适配器的方法。

适配器是一种将数据与视图进行绑定的机制，它负责将数据源中的数据逐个加载到列表或网格中的每个单元格中。

通过setAdapter方法，我们可以将适配器与RecyclerView或ListView进行关联，从而实现数据的展示和交互。

2. RecyclerView和ListView的区别在深入探讨setAdapter方法之前，我们先来了解一下RecyclerView和ListView的区别。

2.1 RecyclerViewRecyclerView是Android支持库中的一个强大的视图容器，它可以用来展示大量的数据集合。

相比于ListView，RecyclerView具有更高的灵活性和性能优化。

2.2 ListViewListView是Android中最常用的视图容器之一，它以垂直列表的形式展示数据。

ListView的优点是简单易用，但在处理大量数据时性能较差。

3. RecyclerView中setAdapter的用法在RecyclerView中，我们使用setAdapter方法来设置适配器。

下面是setAdapter方法的用法示例：val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)val adapter = MyAdapter(dataList)recyclerView.adapter = adapter3.1 创建适配器在示例中，我们首先创建了一个RecyclerView对象，并通过findViewById方法获取到该对象。

我们创建了一个自定义的适配器MyAdapter，并将数据源dataList传递给适配器的构造函数。

通过调用recyclerView的adapter属性，将适配器与RecyclerView关联起来。

adapter用法

adapter用法Adapter（适配器）是一种常用的设计模式，它允许将一个类的接口转换成客户端所期望的另一个接口。

通过使用适配器，可以让那些原本由于接口不兼容而无法一起工作的类能够协同工作。

在软件开发中，适配器模式可以应用在多种场景中，从UI界面的适配到数据库的适配等等。

本文将介绍适配器的常见用法，并给出相关的参考内容，帮助读者更好地理解和应用适配器模式。

1. 接口适配器模式：有时候，我们需要在一个接口中实现多个方法，但是某些类并不需要实现所有方法，此时可以使用接口适配器模式。

接口适配器模式通过提供一个抽象类来实现接口，然后具体的类继承抽象类并只实现其中需要的方法。

这样，具体的类就可以选择性地实现接口中的方法，而不需要实现所有方法。

参考内容：- 《设计模式：可复用面向对象软件的基础》- 《精通设计模式：面向对象的软件构建》2. 类适配器模式：类适配器模式通过继承实现适配器，将需要适配的类作为父类，然后通过子类实现父类接口的方式来实现适配。

通过类适配器模式，我们可以复用已有的代码，同时实现接口的兼容性。

参考内容：- 《Head First 设计模式》- 《深入浅出设计模式》3. 对象适配器模式：对象适配器模式通过组合实现适配器，将需要适配的类作为一个成员变量，然后通过提供一个与目标接口一致的方法来实现适配。

对象适配器模式比类适配器模式更灵活，因为它可以适配多个类，而不仅仅是一个父类。

参考内容：- 《设计模式之禅》- 《大话设计模式》4. RecyclerView.Adapter：Android中的RecyclerView是一种高度可定制的列表控件，它需要通过一个适配器来提供数据和定义列表项的视图。

RecyclerView.Adapter是RecyclerView的适配器基类，我们可以继承该类来自定义列表项的布局和数据绑定等操作。

参考内容：- 《Android开发艺术探索》- 《第一行代码》5. ArrayAdapter：Android中的ArrayAdapter是一个简单的适配器实现，它可以将一个数组或List中的数据提供给ListView、Spinner等控件使用。

recyclerview.adapter用法

recyclerview.adapter用法RecyclerView.Adapter是一种适用于RecyclerView的抽象类。

通过该类，你可以为RecyclerView创建一个适配器。

以下是RecyclerView.Adapter的常规用法:1. 定义实体类ViewHolder，继承RecyclerView.ViewHolder。

public class MyViewHolder extends RecyclerView.ViewHolder { 在此定义你的ViewHolder组件如TextView, ImageViewpublic MyViewHolder(View itemView) {super(itemView);绑定组件}}2. 定义RecyclerView.Adapter，继承RecyclerView.Adapter<MyViewHolder>。

public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {private List<String> mData;public void setData(List<String> data) {this.mData = data;notifyDataSetChanged();}@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View itemView = LayoutInflater.from(parent.getContext()).inflate(yout.item_view, parent, false);return new MyViewHolder(itemView);}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) { String item = mData.get(position);holder.mTextView.setText(item);}@Overridepublic int getItemCount() {return mData == null ? 0 : mData.size();}}3. 在片段或活动中使用RecyclerView 和MyAdapter：public class MyActivity extends AppCompatActivity { private RecyclerView mRecycler;private MyAdapter mAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);setContentView(yout.activity_main);绑定RecyclerViewmRecycler = findViewById(R.id.myRecycler);mAdapter = new MyAdapter();mRecycler.setLayoutManager(new LinearLayoutManager(this));mRecycler.setAdapter(mAdapter);设置数据List<String> data = new ArrayList<>();data.add("Item 1");data.add("Item 2");mAdapter.setData(data);}}这是RecyclerView.Adapter的基本用法。

basequickadapter 代码使用

BaseQuickAdapter 是一个基于RecyclerView 的通用适配器库，它可以帮助你快速实现RecyclerView 的适配器。

下面是一个简单的BaseQuickAdapter 的使用示例：首先，你需要添加BaseQuickAdapter 的依赖项。

如果你使用的是Gradle，可以在你的build.gradle 文件中添加以下代码：groovy复制代码dependencies {implementation 'com.scwang.smart:recyclerview-adapter:2.1.2'}创建一个继承自BaseQuickAdapter 的适配器类。

例如，如果你需要创建一个用于显示文本数据的适配器，可以创建一个名为TextAdapter 的类，如下所示：java复制代码public class TextAdapter extends BaseQuickAdapter<String,BaseViewHolder> {public TextAdapter() {super(yout.item_text); // 指定布局文件}@Overrideprotected void convert(BaseViewHolder holder, String s) {holder.setText(R.id.text, s); // 设置文本内容}}在这个示例中，我们创建了一个继承自BaseQuickAdapter 的TextAdapter 类，并指定了一个布局文件item_text。

在convert 方法中，我们使用holder.setText 方法设置文本内容。

在你的Activity 或Fragment 中，初始化RecyclerView 和适配器。

例如：java复制代码RecyclerView recyclerView = findViewById(R.id.recyclerView);TextAdapter adapter = new TextAdapter();recyclerView.setLayoutManager(new LinearLayoutManager(this));recyclerView.setAdapter(adapter);在这个示例中，我们首先获取RecyclerView 实例，然后创建一个TextAdapter 实例，并将其设置为RecyclerView 的适配器。

recyclerview的用法

recyclerview的用法RecyclerView是Android中最常用的UI组件之一。

它可以用来显示大量数据，包括列表、网格和瀑布流等多种布局方式。

RecyclerView是Android系统提供的一个更快、更灵活的ListView，相对于传统的ListView，它具有更好的内存管理和动画效果。

它的使用非常广泛，几乎在每一个Android应用程序中都能看到它的身影。

在本文中我们将介绍RecyclerView的用法。

一、RecyclerView的基本用法RecyclerView是基于Adapter设计的，它的使用和ListView非常类似。

RecyclerView 的最大特点是支持对每个Item进行定制化的处理，包括动画效果、交互效果以及外观等。

它包括以下几个关键概念：1. ViewHolder：用于缓存Item view的引用，在RecyclerView的Adapter中使用，大大提高了运行效率。

2. Adapter：RecyclerView的数据源，数据集合和ViewHolder的绑定都在Adapter 中完成。

3. LayoutManager：布局管理器，用于控制RecyclerView中项目的布局方式，支持列表、瀑布流、网格等多种布局方式。

4. ItemDecoration：用于设置Item的间距、分割线等效果。

下面是一个RecyclerView最基本的代码示例：1. 首先在布局文件中定义RecyclerView：```xml<android.support.v7.widget.RecyclerViewandroid:id="@+id/recycle_view"android:layout_width="match_parent"android:layout_height="match_parent" />```2. 在Activity中获取Recyclerview，并设置Adapter和LayoutManager：```java// 获取RecyclerViewRecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycle_view); // 创建AdapterRecyclerView.Adapter adapter = new MyAdapter(data);// 创建LayoutManageryoutManager layoutManager = new LinearLayoutManager(this); // 设置Adapter和LayoutManagerrecyclerView.setAdapter(adapter);recyclerView.setLayoutManager(layoutManager);```3. 实现Adapter和ViewHolder：```javapublic class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder>{ private List<String> mData;//构造函数，传入数据public MyAdapter(List<String> data){this.mData = data;}//创建ViewHolder，返回每个Item的视图@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){View view = LayoutInflater.from(parent.getContext()).inflate(yout.simple_list_item_1, parent, false);return new ViewHolder(view);}//绑定ViewHolder，设置每个Item的内容@Overridepublic void onBindViewHolder(ViewHolder holder, int position){String text = mData.get(position);holder.textView.setText(text);}//返回Item的数量@Overridepublic int getItemCount(){return mData.size();}// 自定义ViewHolder，用于缓存视图中的组件public static class ViewHolder extends RecyclerView.ViewHolder{private TextView textView;public ViewHolder(View itemView){super(itemView);textView = (TextView) itemView.findViewById(android.R.id.text1);}}}```如上所示，RecyclerView的基本用法就是这样。

kotlin 万能adapter 简书

kotlin 万能adapter 简书在Kotlin中，可以使用万能适配器（Universal Adapter）来简化RecyclerView的Adapter的编写过程。

下面是一个简单的示例：```kotlinimport youtInflaterimport android.view.Viewimport android.view.ViewGroupimport androidx.recyclerview.widget.RecyclerViewimport kotlinx.android.synthetic.main.item_layout.view.*class UniversalAdapter(private val items: List<String>) : RecyclerView.Adapter<UniversalAdapter.ViewHolder>() {override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {val view =LayoutInflater.from(parent.context).inflate(yout.item_layout, parent, false)return ViewHolder(view)}override fun getItemCount(): Int {return items.size}override fun onBindViewHolder(holder: ViewHolder, position: Int) {holder.bind(items[position])}class ViewHolder(itemView: View) :RecyclerView.ViewHolder(itemView) {fun bind(item: String) {itemView.itemText.text = item}}}```上面的代码创建了一个`UniversalAdapter`类，该适配器接收一个字符串列表作为数据源。

recyclerview基本用法

recyclerview基本用法RecyclerView是一个强大灵活的视图控件，它可以展示大量数据，提供滚动和布局相关方法，通过ViewHolder的复用机制可以更好地优化性能和减少内存消耗。

RecyclerView的基本用法大致分为以下几步：1.定义数据集合：可以是ArrayList等容器，也可以是数据库查询结果。

2.创建RecyclerView实例：在布局文件中添加RecyclerView控件，然后在Activity中获取该控件的引用。

3.创建LayoutManager实例：LayoutManager是用于定义RecyclerView中子项的布局和排列方式，如线性布局、表格布局、瀑布流布局等。

4.创建Adapter实例：Adapter是RecyclerView的数据适配器，它负责将数据集合中的数据绑定到RecyclerView的每一个子项中，同时也可以处理子项的点击事件与长按事件等。

5.将LayoutManager和Adapter设置到RecyclerView实例中：通过setLayoutManager()和setAdapter()方法将LayoutManager和Adapter与RecyclerView关联起来。

在实际开发中，我们通常需要自定义ViewHolder来对子项进行复用，以减少内存消耗。

同时，点击事件和长按事件也是RecyclerView 开发中的常见需求之一，我们可以通过实现RecyclerView的OnItemClickListener和OnItemLongClickListener接口来实现。

除了以上基本用法外，RecyclerView还提供了众多扩展功能，如ItemDecoration、ItemAnimator、SnapHelper等，这些功能可以进一步优化RecyclerView的展示效果和使用体验。

basequickadapter 列排序

basequickadapter列排序BaseQuickAdapter是Android开发中一个用于快速创建RecyclerView适配器的库，不直接提供列排序功能。

如果你需要实现RecyclerView列排序功能，你可以借助BaseQuickAdapter以及其他辅助类和方法来实现。

以下是一般的步骤：1.创建一个RecyclerView，并使用BaseQuickAdapter作为适配器。

2.在适配器的数据源中，保存要显示的数据，通常是一个List\<T>，其中T是你的数据类型。

3.在RecyclerView中，添加点击监听器来捕获用户的点击事件，以便在点击列标题时触发排序操作。

4.实现排序逻辑，根据点击列的标题，对数据源进行排序。

5.更新适配器中的数据源，并调用适配器的`notifyDataSetChanged()`方法来刷新RecyclerView。

下面是一个简单的示例：```javapublic class MyAdapter extends BaseQuickAdapter<MyData,BaseViewHolder>{//构造函数public MyAdapter(@Nullable List<MyData>data){super(yout.item_layout,data);}@Overrideprotected void convert(BaseViewHolder helper,MyData item){//在这里设置每一列的数据helper.setText(R.id.column1,item.getColumn1());helper.setText(R.id.column2,item.getColumn2());//...}}```在点击列标题时，你可以通过监听器捕获点击事件，并在事件处理中执行排序逻辑。

例如，你可以对数据源中的List进行排序，然后调用适配器的`notifyDataSetChanged()`方法来刷新RecyclerView，以显示新的排序结果。

baserecyclerviewadapterhelper 数据绑定用法

baserecyclerviewadapterhelper 数据绑定用法概述----BaseRecyclerViewAdapterHelper 是 Android 中一种非常实用的RecyclerView 适配器的实现。

它通过 DataBinding 库将数据和适配器进行绑定，简化了 RecyclerView 适配器的创建过程。

DataBinding是 Android X 库中的一个特性，它可以帮助我们简化 Java/Kotlin代码，使其更加易读易懂。

基本使用方法------### 步骤 1：创建 ViewModel首先，我们需要创建一个 ViewModel 来保存我们需要展示的数据。

你可以在 Android Studio 中创建一个新的 Java 类来实现ViewModel。

### 步骤 2：创建 BindingAdapter接下来，我们需要创建一个 BindingAdapter 来绑定数据和RecyclerView 的 Adapter。

BindingAdapter 是 DataBinding 库中的一个特性，它允许我们定义一个方法，然后在 XML 文件中使用它。

### 步骤 3：使用 BindingAdapter在 XML 文件中，我们可以使用 BindingAdapter 来定义RecyclerView 的各种属性，如 ItemDecoration、ItemAnimator、LayoutManager 等。

在创建 Adapter 时，我们只需要传入一个实现了BaseAdapter 接口的类即可。

示例代码-----以下是一个简单的示例代码，展示了如何使用BaseRecyclerViewAdapterHelper 进行数据绑定：### ViewModel 示例代码```javapublic class MyViewModel extends ViewModel {private List<String> myDataList = new ArrayList<>();// ... 其他属性和方法 ...}```### BindingAdapter 示例代码在布局文件中，我们可以使用 BindingAdapter 来定义RecyclerView 的属性：```xml<data><variable name="myViewModel" type="MyViewModel"/></data><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/my_recycler_view"android:layout_width="match_parent"android:layout_height="match_parent"app:itemCount="@{myViewModel.myDataList.size}" app:itemAnimator="@{myViewModel.myAnimator}" app:layoutManager="androidx.recyclerview.widget.LinearLayoutM anager"  app:itemDecoration="@{myViewModel.myDecoration}" />```在 Java 文件中，我们可以使用 RecyclerViewAdapterHelper 来创建 RecyclerView 的 Adapter：```javapublic class MyAdapter extendsRecyclerView.Adapter<MyAdapter.MyViewHolder> {private List<String> myDataList; // 从 ViewModel 中获取数据// ... 其他属性和方法 ...public MyAdapter(MyViewModel myViewModel) { // 在构造函数中传入 ViewModel 数据myDataList = myViewModel.getMyDataList(); // 从ViewModel 中获取数据并保存到 Adapter 中}// ... 其他方法 ...}```然后，我们可以在 Activity 或 Fragment 中使用RecyclerViewAdapterHelper 来创建和设置 Adapter：```javaRecyclerViewAdapterHelper.create(myViewModel, myRecyclerView) // 创建 Adapter 并设置到 RecyclerView 中 .setHasStableIds(true) // 设置 HasStableIds，以便ViewHolder 中的 ID 可以持久化到缓存中，提高性能。

wearablerecyclerview基本用法

1.1 wearablerecyclerview是什么1.2 它的主要功能和特点二、环境准备2.1 确认使用的wearablerecyclerview版本2.2 在Android Studio中集成wearablerecyclerview三、基本用法3.1 创建wearablerecyclerview布局3.2 定义wearablerecyclerview Adapter3.3 设置wearablerecyclerview LayoutManager3.4 设置wearablerecyclerview ItemDecorator四、高级用法4.1 添加点击事件监听器4.2 实现拖拽和滑动删除功能4.3 处理wearablerecyclerview的数据更新五、注意事项5.1 避免在wearablerecyclerview中加载过多的数据5.2 谨慎处理wearablerecyclerview的ItemDecorator5.3 注意页面切换时wearablerecyclerview的状态保存六、总结6.1 wearablerecyclerview的优势和适用场景6.2 对未来的展望和发展方向1.1 wearablerecyclerview是什么wearablerecyclerview是一种适用于Android Wear OS的特殊的recyclerview控件，专门用于在智能手表上展示数据列表。

它旨在提供更好的性能和用户体验，以适应智能手表的小屏幕和触控操作。

1.2 它的主要功能和特点wearablerecyclerview拥有更高的滑动性能，能够快速流畅地滚动和展示大量数据列表。

它还提供了一些特有的布局管理器和装饰器，方便开发者实现特定的界面效果。

在交互体验方面，wearablerecyclerview也对手表的触控手势做了优化，使得用户能够更轻松地操作列表项。

二、环境准备2.1 确认使用的wearablerecyclerview版本在开始使用wearablerecyclerview之前，首先要确认项目中引入的wearablerecyclerview库的版本是否适用于当前的开发需求。

为RecyclerView打造通用Adapter

为RecyclerView打造通用Adapter ##RecycleView简介RecyclerView控件和ListView的原理有很多相似的地方,都是维护少量的View来进行显示大量的数据，不过RecyclerView控件比ListView更加高级并且更加灵活。

当我们的数据因为用户事件或者网络事件发生改变的时候也能很好的进行显示。

和ListView不同的是，RecyclerView不用在负责Item显示相关的功能，所有有关布局、绘制、数据绑定等都被分拆成不同的类进行管理。

同时RecyclerView控件提供了以下两种方法来进行简化和处理大数量集合:1.基本使用RecycleView的基本使用RecycleView导包(可有可无) dependencies中添加compile'com.android.support:recyclerview-v7:23.1.1'在布局文件中定义<android.support.v7.widget.RecyclerViewandroid:id="@+id/rcv_history"android:layout_width="match_parent"android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>3.对其进行初始化rcv_history = (RecyclerView) findViewById(R.id.rcv_history);4.LinearLayoutManager 和GrideLayouManager 两种显示风格//LinearLayoutManager(ListView)rcv_history.setLayoutManager(new (HistoryActivity.this));//GridLayoutManager(GrideView)//第二个参数就是GridView一样一行显示个个数rcv_history.setLayoutManager(new GridLayoutManager(HistoryActivity.this,2));rcv_history.setAdapter(Adapter);创建一个类继承RecycleView.Adapter5.RecycleView.Adapter==> class HistoryAdapter extends RecyclerView.Adapter<HistoryAdapter.MediaHolder>//指定泛型创建一个类集成RecycleView.ViewHolder()//返回的是一个Holder@Override//i不是下标而是类型如何实现了getItemViewType()////onCreateViewHolder加载对应布局,初始化对应的holder,每种布局对应自己的holder public HistoryAdapter.MediaHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {MediaHolder holder = new MediaHolder(LayoutInflater.from(HistoryActivity.this).inflate(yout.item_history,null));View view = null;ViewHolder holder = null;switch(viewType ){case... break}//根据类型的不同加载对应的布局return holder;}class MediaHolder extends RecycleView.ViewHolder{View view;public MediaHolder(View itemView) {//构造器itemView列表中的item,类似convertViewsuper(itemView);this.view = itemView;//对item布局进行初始化//textView = itemView.findViewById(R.id.textView);iv_item_history_icon = (ImageView) itemView.findViewById(R.id.iv_item_history_icon);tv_item_history_title = (TextView) itemView.findViewById(_item_history_title);tv_item_history_duration = (TextView) itemView.findViewById(_item_history_duration);iv_item_history_del = (ImageView) itemView.findViewById(R.id.iv_item_history_del);}}6.//onBindViewHolder 绑定对应的holder,加载对应的布局设置Item的显示//第一个参数onCreateViewHolder中返回的Holder类型第二个参数指定的下标public void onBindViewHolder(HistoryAdapter.MediaHolder holder, final int position) { holder.ivitemhistory_icon.setImageResource(); } //返回Item的总大小@Override public int getItemCount() { if(mediaInfos!=null) { return mediaInfos.size();}else {return 0;}}7.自定义RecycleView的监听1.自定义RecycleView 2.Adapter里设置监听1. 创建一个接口public interface RecycleItemClickListener{void onItemClickListener(View view,int position);}2.声明变量RecycleItemClickListener listener;3.set方法public void setRecycleItemClickListener(RecycleItemClickListener recycleItemClickListener) {this.recycleItemClickListener = recycleItemClickListener;}4.实现的地方//在Hodler中得到itemVidew对象//this.view = itemView;在ViewHolder个构造器里获得其View在onBindViewHolder下//在此才有positionpublic void onBindViewHolder(HistoryAdapter.MediaHolder holder, final int position){ holder.view.setOnClickListener(new OnClickListener(){public void onClick(View v){if(listener!=null){listener.onItemClickListener(holder.view,position)}}});}5.实现监听adapter.setRecycleItemClickListener(new RecycleItemClickListener(public void onItemClickListener(holder.view,position){//对其进行一系列的操作}))----------------------------------------------------------------------------------------------------------------------------------------------详细使用采用LayoutManager来处理Item的布局提供Item操作的默认动画，例如在增加或者删除item的时候为了使用RecyclerView控件，我们需要创建一个Adapter和一个LayoutManager：Adapter：继承自RecyclerView.Adapetr类，主要用来将数据和布局item进行绑定。

baserecyclerviewadapterhelper简书

baserecyclerviewadapterhelper简书摘要：1.简书上的BaseRecyclerViewAdapterHelper 类2.BaseRecyclerViewAdapterHelper 的作用3.使用BaseRecyclerViewAdapterHelper 的步骤4.BaseRecyclerViewAdapterHelper 的优点和不足正文：在Android 开发中，RecyclerView 是一种非常常用的UI 组件，用于展示列表数据。

为了让RecyclerView 更加高效和方便使用，许多开发者都选择了在简书上编写的一个名为BaseRecyclerViewAdapterHelper 的类。

下面，我们来详细了解一下这个类以及如何使用它。

BaseRecyclerViewAdapterHelper 是一个基于RecyclerView 的适配器辅助类，它主要提供了以下功能：1.自动加载更多：当用户下拉RecyclerView 时，可以自动加载更多数据，让用户可以不断地加载数据，而不需要手动操作。

2.懒加载：当用户下拉RecyclerView 时，会优先加载已经存在的数据，当数据不存在时，才会去请求网络数据，从而提高用户体验。

3.错误处理：当请求网络数据失败时，可以自动处理错误，并展示给用户一个友好的错误提示。

要使用BaseRecyclerViewAdapterHelper，步骤如下：1.首先，需要在项目的build.gradle 文件中引入BaseRecyclerViewAdapterHelper 的依赖。

2.创建一个继承自RecyclerView.Adapter 的类，并实现相关的接口方法，例如onCreateViewHolder、onBindViewHolder 等。

3.在onCreateViewHolder 方法中，返回一个ViewHolder 对象，这个对象会自动实现RecyclerView 的item 布局。

baserecyclerviewadapterhelper简书

baserecyclerviewadapterhelper简书摘要：1.BaseRecyclerViewAdapterHelper的介绍2.BaseRecyclerViewAdapterHelper的使用方法3.BaseRecyclerViewAdapterHelper的优缺点分析4.总结正文：BaseRecyclerViewAdapterHelper是一个简化RecyclerView Adapter 开发的库，它提供了一系列的工具方法，帮助我们快速地构建RecyclerView 的Adapter。

通过使用BaseRecyclerViewAdapterHelper，我们可以更加专注于业务逻辑的实现，而无需过多关注Adapter的底层实现。

首先，让我们来看一下如何使用BaseRecyclerViewAdapterHelper。

在使用之前，我们需要先添加依赖。

在项目的build.gradle文件中，添加如下依赖：```implementation "com.chad.library:base-recyclerview-adapter-helper:1.4.3"```接下来，我们可以在Adapter中继承BaseRecyclerViewAdapterHelper，并实现相应的接口。

以一个简单的例子为例：```javapublic class MyAdapter extends BaseRecyclerViewAdapterHelper<String, MyViewHolder> {public MyAdapter(List<String> data) {super(data);}@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {return new MyViewHolder(parent);}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) {// 业务逻辑}@Overridepublic int getItemCount() {return getData().size();}public static class MyViewHolder extends RecyclerView.ViewHolder {// 视图绑定}}```在这个例子中，我们只需要实现一些关键的方法，如onCreateViewHolder、onBindViewHolder、getItemCount等，而其他一些底层实现，如ViewHolder的创建、Item的布局等，都由BaseRecyclerViewAdapterHelper来完成。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

当我们的数据因为用户事件或者网络事件发生改变的时候也能很好的进行显示。

和ListView不同的是，RecyclerView不用在负责Item显示相关的功能，所有有关布局、绘制、数据绑定等都被分拆成不同的类进行管理。

LayoutManager:布局管理器，设置每一项view在RecyclerView中的位置布局以及控件item view的显示或者隐藏。

当View重用或者回收的时候，LayoutManger都会向Adapter来请求新的数据来进行替换原来数据的内容。

这种回收重用的机制可以提供性能，避免创建很多的view或者是频繁的调用findViewById方法。

这种机制和ListView还是很相似的。

RecyclerView提供了三种内置的LayoutManager:LinearLayoutManager:线性布局,横向或者纵向滑动列表GridLayoutManager:表格布局StaggeredGridLayoutManager:流式布局,例如瀑布流效果优点：插拔式，高度的解耦，异常灵活#主要APILayoutManager:布局管理器（LinearLayoutManager 、GridLayoutManager、StaggeredGridLayoutManager）ItemDecoration:绘制Item间的间隔ItemAnimator:Item增删的动画#使用步骤1.build.gradle中添加dependencies {……compile'com.android.support:recyclerview-v7:23.1.1'}2.布局内添加<android.support.v7.widget.RecyclerViewandroid:id="@+id/recyclerView"android:layout_width="match_parent"android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>3.代码中初始化并设置RecyclerView recycleView = findView(R.id.recyclerview);设置布局管理器LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);//线性GridLayoutManager gridLayoutManager=new GridLayoutManager(this,4);//网格StaggeredGridLayoutManager staggeredGridLayoutManager=new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL);//流式设置布局管理器的方向linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);设置recyclerView.setLayoutManager(layout);recyclerView.setAdapter(adapter);recyclerView.addItemDecoration(new DividerGridItemDecoration(this));//添加分割线,继承RecyclerView.ItemDecorationrecyclerView.setItemAnimator(new DefaultItemAnimator());//设置默认Item增删动画#Adapter的实现1.自定义类继承RecycleView的Adapter同时绑定ViewHolderclass MyAdapter extends RecyclerView.Adapter<MyViewHolder>2.实现方法@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { LayoutInflater mInflater = LayoutInflater.from(context);MyViewHolder holder = new MyViewHolder(mInflater.inflate(yout.item_home, parent, false));return holder;}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) { .setText(mDatas.get(position));}@Overridepublic int getItemCount() {return mDatas.size();}3.MyViewHolderclass MyViewHolder extends RecyclerView.ViewHolder {TextView tv;public MyViewHolder(View view) {super(view);tv = (TextView) view.findViewById(R.id.id_num);}}#增删Item的动画mDatas.add(position, "Insert One");notifyItemInserted(position);//增加mDatas.remove(position);notifyItemRemoved(position);//删除#设置点击监听1.在Adapter中自定义监听public interface OnItemClickLitener {void onItemClick(View view, int position);void onItemLongClick(View view, int position);}private OnItemClickLitener mOnItemClickLitener;public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) { this.mOnItemClickLitener = mOnItemClickLitener;}2.在onBindViewHolder方法中绑定if (mOnItemClickLitener != null) {holder.itemView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {int pos = holder.getLayoutPosition();mOnItemClickLitener.onItemClick(holder.itemView, pos);}});holder.itemView.setOnLongClickListener(new OnLongClickListener() { @Overridepublic boolean onLongClick(View v) {int pos = holder.getLayoutPosition();mOnItemClickLitener.onItemLongClick(holder.itemView, pos);removeData(pos);return false;}});}3.在Activity中设置监听mAdapter.setOnItemClickLitener(new HomeAdapter.OnItemClickLitener() { @Overridepublic void onItemClick(View view, int position) {Toast.makeText(HomeActivity.this, position + " click",Toast.LENGTH_SHORT).show();}@Overridepublic void onItemLongClick(View view, int position) {Toast.makeText(HomeActivity.this, position + " long click",Toast.LENGTH_SHORT).show();}});#分类型的RecycleView1.MyAdapter继承RecyclerView.Adapter<RecyclerView.ViewHolder>class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>2.通过枚举定义不同的Item//枚举Itempublic enum ITEM_TYPE {ITEM1,ITEM2,ITEM3,ITEM4}3.根据不同的Item加载不同的ViewHolder@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { //加载的时候，根据不同的Item加载不同的布局//Enum类提供了一个ordinal()方法，返回枚举类型的序数，这里ITEM_TYPE.ITEM1.ordinal()代表0，ITEM_TYPE.ITEM2.ordinal()代表1if (viewType == ITEM_TYPE.ITEM1.ordinal()) {return new Item1ViewHolder(layoutInflater.inflate(yout.item1, parent, false));} else if (viewType == ITEM_TYPE.ITEM2.ordinal()) {return new Item2ViewHolder(layoutInflater.inflate(yout.item2, parent, false));} else if (viewType == ITEM_TYPE.ITEM3.ordinal()) {return new Item3ViewHolder(layoutInflater.inflate(yout.item3, parent, false));} else {return new Item4ViewHolder(layoutInflater.inflate(yout.item4, parent, false));}}4.根据position返回不同类型的Item@Overridepublic int getItemViewType(int position) {if (position < item1.size()) {return ITEM_TYPE.ITEM1.ordinal();} else if (position < item2.size()+item1.size()) {return ITEM_TYPE.ITEM2.ordinal();} else if (position < item3.size()+item2.size()+item1.size()) {return ITEM_TYPE.ITEM3.ordinal();} else if (position < item4.size()+item3.size()+item2.size()+item1.size()) {return ITEM_TYPE.ITEM4.ordinal();}return super.getItemViewType(position);}5.根据Item的类型设置数据@Overridepublic void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { //根据holder的类型设置数据if (holder instanceof Item1ViewHolder) {if(position<item1.size()){((Item1ViewHolder) holder).tv1.setText(item1.get(position));}}else if(holder instanceof Item1ViewHolder){if(position>item1.size()&&position<item1.size()+item2.size()){((Item2ViewHolder) holder).tv2.setText(item2.get(position));}}else{......}}6.返回总数量@Overridepublic int getItemCount() {return item1.size() + item2.size() + item3.size() + item4.size();}7.创建ViewHolderpublic static class Item1ViewHolder extends RecyclerView.ViewHolder { TextView tv;public Item1ViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById();}}public static class Item2ViewHolder extends RecyclerView.ViewHolder { TextView tv;public Item2ViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById();}}public static class Item3ViewHolder extends RecyclerView.ViewHolder {TextView tv;public Item3ViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById();}}public static class Item4ViewHolder extends RecyclerView.ViewHolder {TextView tv;public Item4ViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById();}}......------------------------------------------------------------------------------------------------------------------------------------------------通用adapter参考自:/lmj623565791/article/details/47251585；本文出自:【张鸿洋的博客】一、概述记得好久以前针对ListView类控件写过一篇打造万能的ListView GridView 适配器，如今RecyclerView异军突起，其Adapter的用法也与ListView类似，那么我们也可以一步一步的为其打造通用的Adapter，使下列用法书写更加简单：简单的数据绑定（单种Item）多种Item Type 数据绑定增加onItemClickListener , onItenLongClickListener优雅的添加分类header二、使用方式和效果图在一步一步完成前，我们先看下使用方式和效果图：（1）简单的数据绑定首先看我们最常用的单种Item的书写方式：<code class="hljs java has-numbering" style="display: block; padding: 0px; background: transparent; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal;">mRecyclerView.setAdapter(new CommonAdapter<String>(this, yout.item_list, mDatas) { @Override public void convert(ViewHolder holder, String s) { holder.setText(R.id.id_item_list_title, s); } });</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li></ul>是不是相当方便，在convert方法中完成数据、事件绑定即可。