Andriod RecyclerView 适配器与点击事件

最新推荐文章于 2023-11-07 16:15:35 发布
最新推荐文章于 2023-11-07 16:15:35 发布
阅读量632 收藏 6
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44776065/article/details/116279157
版权

文章目录

1 RecyclerView 简介

  • RecyclerView是Android5.0后谷歌推出的一个用于在有限的窗口中展示大量数据集的控件，它可以称为增强版的listview
  • 不仅可以轻松实现和listview一样的效果，同时又优化了listview的不足之处

1.1 RecyclerView 特点

  1. 支持局部刷新
  2. 可以自定义item增删时的动画
  3. 能够实现item拖拽和侧滑删除等功能
  4. 默认已实现View的复用，而且回收机制更加完善

1.2 基本使用

  • 由于RecyclerView 不再Andriod SDK中， 所以要使用androidx.recyclerview.widget.RecyclerView 进行引用
<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        />

</LinearLayout>

2 创建ReCyclerView 适配器

  • 继承于RecyclerView.Adapter<VH>
  • 其中VH是我们创建的一个继承于RecyclerView.ViewHolder的静态内部类

该适配器类主要有3个方法和1个自定义ViewHolder组成

  1. onCreateViewHolder： 创建ViewHolder并返回，后续item布局里控件都是从ViewHolder中取出
  2. onBindViewHolder：通过方法提供的ViewHolder，将数据绑定到ViewHolder中
  3. getItemCount：获取数据源总长度
  • 使用时，设置到RecyclerView：recycleview.setAdapter(adapter);

2.1 FruitAdapter 实例

  1. 在构造函数中public FruitAdapter(List<Fruit> fruits) 传入数据源

  2. 创建ViewHolder 内部类： public class ViewHolder extends RecyclerView.ViewHolder

  3. 重写RecyclerAdapter的三个方法

  • 在public FruitAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) 中进行布局填充，并保存到ViewHoler； 可以对ViewHolder中的控件设置监听事件
  • 在public void onBindViewHolder(@NonNull FruitAdapter.ViewHolder holder, int position) 中设置ViewHoder 中控件的内容
  • 在public int getItemCount() 中获取数据源的长度
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class FruitAdapter extends RecyclerView.Adapter<FruitAdapter.ViewHolder> {
    /**
     * 1. FruitAdapter 继承与RecyclerAdapter，
     * */
    private List<Fruit> fruits;
    // 1. 构造方法传入数据源
    public FruitAdapter(List<Fruit> fruits) {
        this.fruits = fruits;
    }

    @NonNull
    @Override
    // 创建ViewHolder实例, 将加载的布局放到构造函数中，并将View返回
    public FruitAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        // 将填充的view放到viewHolder中
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.fruit_layout_staggered, parent, false);
        ViewHolder holder = new ViewHolder(view);

        // 1. 在创建的时候进行点击事件
        // 从viewHolder中获取子空间, 添加点击事件

        // 1.1 子布局的点击事件
        holder.getFruitView().setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view1) {
                // 获取点击的位置，定位数组并输出信息
                int adapterPosition = holder.getAdapterPosition();
                Fruit fruit = fruits.get(adapterPosition);
                Toast.makeText(view1.getContext(), "点击的布局，其中内容为: " + fruit.getName(), Toast.LENGTH_SHORT).show();

            }
        });

        // 1.2 获取图片的点击事件
        holder.getFruitImage().setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view2) {
                int adapterPosition = holder.getAdapterPosition();
                Fruit fruit = fruits.get(adapterPosition);
                Toast.makeText(view2.getContext(), "点击图片的水果名称为: " + fruit.getName(), Toast.LENGTH_SHORT).show();
            }
        });

        // 1.3 为文本框指定点击事件
        holder.getFruitName().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view3) {
                String name = ((TextView)view3.findViewById(R.id.fruit_name)).getText().toString();
                Toast.makeText(view3.getContext(), name, Toast.LENGTH_SHORT).show();
            }
        });

        return holder;
    }

    @Override
    // 2. 每个子项滚动到屏幕内执行，通过 positon 得到当前项的实例，然后显示图片和文字,填充布局
    public void onBindViewHolder(@NonNull FruitAdapter.ViewHolder holder, int position) {
        Fruit fruit = fruits.get(position);
        holder.getFruitImage().setImageResource(fruit.getImageID());
        holder.getFruitName().setText(fruit.getName());
        holder.getFruitPrice().setText("$" + (double)fruit.getPrice()/100 + "/Kg");
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder{
        // 添加ViewHolder中的控件
        private View fruitView;
        private ImageView fruitImage;
        private TextView fruitName;
        private TextView fruitPrice;
        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            this.fruitView = itemView;
            this.fruitImage = itemView.findViewById(R.id.fruit_image);
            this.fruitName = itemView.findViewById(R.id.fruit_name);
            this.fruitPrice = itemView.findViewById(R.id.fruit_price);
        }


        public void setFruitView(View fruitView) {
            this.fruitView = fruitView;
        }

        public void setFruitImage(ImageView fruitImage) {
            this.fruitImage = fruitImage;
        }

        public void setFruitName(TextView fruitName) {
            this.fruitName = fruitName;
        }

        public void setFruitPrice(TextView fruitPrice) {
            this.fruitPrice = fruitPrice;
        }

        public ImageView getFruitImage() {
            return fruitImage;
        }

        public TextView getFruitName() {
            return fruitName;
        }

        public TextView getFruitPrice() {
            return fruitPrice;
        }

        public View getFruitView() {
            return fruitView;
        }

    }
}

3 为适配器中的控件指定布局

  • 相对于ListView 只能使用线性布局的局限，RecyclerView 能自定义布局，并通过不同的布局管理器来控制item的排列顺序，负责item元素的布局和复用

RecyclerView提供了三种布局管理器：

  1. LinearLayoutManager：线性布局，以垂直戒水平滚动列表方式显示项目
// 5.1 创建垂直的线性布局
LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);
recyclerView.setLayoutManager(layoutManager);
  1. GridLayoutManager：网格布局，在网格中显示项目
// 5.2 创建横向的线性布局
LinearLayoutManager linearLayoutManagerHorizontal = new LinearLayoutManager(this);
linearLayoutManagerHorizontal.setOrientation(LinearLayoutManager.HORIZONTAL);
recyclerView.setLayoutManager(linearLayoutManagerHorizontal);
  1. StaggeredGridLayoutManager：瀑布流布局，在分散对齐网格中显示项目
// 5.3 创建瀑布布局
StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
recyclerView.setLayoutManager(staggeredGridLayoutManager);

4 布局layout文件

4.1 垂直线性子布局xml文件

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

    <ImageView
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:id="@+id/fruit_image"
        android:src="@drawable/apple"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_name"
        android:text="name"
        android:textSize="30sp"
        android:textColor="#000000"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="20dp"
        />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_price"
        android:text="name"
        android:textSize="30sp"
        android:textColor="#ff0000"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="40dp"
        />

</LinearLayout>

4.2 水平线性子布局xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="120dp"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:layout_gravity="center_horizontal"
        android:id="@+id/fruit_image"
        android:src="@drawable/apple"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_name"
        android:text="name"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_gravity="center"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_price"
        android:text="12.00"
        android:textSize="12sp"
        android:textColor="#ff0000"
        android:layout_gravity="center"
        />

</LinearLayout>

4.3 瀑布布局xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_margin="5dp"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:layout_gravity="center_horizontal"
        android:id="@+id/fruit_image"
        android:src="@drawable/apple"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_name"
        android:text="name"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_gravity="center"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_price"
        android:text="12.00"
        android:textSize="12sp"
        android:textColor="#ff0000"
        android:layout_gravity="center"
        />

</LinearLayout>

5 Fruit封装数据类

package com.hlq.sz_ch06_recycler_view;

public class Fruit {

    private int imageID;
    private String name;
    private long price;

    public void setImageID(int imageID) {
        this.imageID = imageID;
    }

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

    public void setPrice(long price) {
        this.price = price;
    }

    public int getImageID() {
        return imageID;
    }

    public String getName() {
        return name;
    }

    public long getPrice() {
        return price;
    }

    public Fruit(int imageID, String name, long price) {
        this.imageID = imageID;
        this.name = name;
        this.price = price;
    }

    public Fruit() {
    }
}

6 MainActivity 主界面

package com.hlq.sz_ch06_recycler_view;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.recyclerview.widget.StaggeredGridLayoutManager;

import android.os.Bundle;
import android.widget.LinearLayout;

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

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;

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

        // 1. 绑定控件
        recyclerView = this.findViewById(R.id.recycler_view);

        // 2. 准备数据
        List<Fruit> fruits = new ArrayList<>();

        for (int i = 0; i < 10; ++i) {

            Fruit pineApple = new Fruit(R.drawable.pineapple, "菠萝", 1690);
            fruits.add(pineApple);
            Fruit mango = new Fruit(R.drawable.mango, "芒果", 2990);
            fruits.add(mango);
            Fruit grape = new Fruit(R.drawable.grape, "葡萄", 1990);
            fruits.add(grape);
            Fruit pomegranate = new Fruit(R.drawable.pomegranate, "石榴", 1500);
            fruits.add(pomegranate);
            Fruit apple =  new Fruit(R.drawable.apple, "苹果", 2000);
            fruits.add(apple);
            Fruit watermelon = new Fruit(R.drawable.watermelon, "西瓜", 2880);
            fruits.add(watermelon);
            Fruit orange = new Fruit(R.drawable.orange, "橘子", 1880);
            fruits.add(orange);

        }
        // 3. 设计子布局

        // 4. 创建自定义适配器
        FruitAdapter adapter = new FruitAdapter(fruits);
        // 5. 创建布局管理器，将RecyclerView中的布局以布局管理器中的布局进行管理

//        // 5.1 创建垂直的线性布局
//        LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);
//        recyclerView.setLayoutManager(layoutManager);

//        // 5.2 创建横向的线性布局
//        LinearLayoutManager linearLayoutManagerHorizontal = new LinearLayoutManager(this);
//        linearLayoutManagerHorizontal.setOrientation(LinearLayoutManager.HORIZONTAL);
//        recyclerView.setLayoutManager(linearLayoutManagerHorizontal);

        // 5.3 创建瀑布布局
        StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(staggeredGridLayoutManager);

        // 6 绑定 布局-控制-数据的适配器
        recyclerView.setAdapter(adapter);

    }
}

7 结果

在这里插入图片描述

LiQiang33
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android RecyclerView点击事件
08-31
本文将深入探讨Android RecyclerView的点击事件处理及其基本使用方法。 一、RecyclerView概述 RecyclerView是在Android L（API 21）版本引入的，它通过高效的视图复用机制提升了性能，降低了内存消耗。RecyclerView...
Android RecyclerView嵌套RecyclerView点击事件
weixin_42504805的博客
03-01 4554
Android RecyclerView嵌套RecyclerView点击事件
android RecyclerView嵌套 RecyclerView 子item 和 父item点击事件如何处理
GuoguoDad的博客
07-20 971
android列表嵌套列表，子itme 和 父item点击事件如何处理
RecyclerView嵌套内+外item 实现点击事件
一抹离愁
01-03 1334
项目中一个功能需要RecyclerView嵌套如下图 （图片来自网络） 内部Adapter 核心代码 holder.btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(con, "删除", Toast.LENGTH_SHORT).show(...
【Android开发基础】三种常见的适配器（Adapter）
守夜人
05-09 2452
Android中常用的三种适配器。描述：适配器（Adapter）基本每个大项目里都有使用，从说说布局到操作模块布局，适配器（Adapter）一直起着至关重要的作用。 难度：初级。 知识点：适配器（Adapter）的使用。
RecyclerView多种方法为Adapter设置点击事件
yangchen1024的博客
05-31 2736
前言 如果我们想要为Adapter设置点击事件（比如获取adapter的position）谷歌并没有提供现有的方法，据说是为了扩展性。不过同时对新手也不太友好了。这里提供两种方法，使用kotlin实现。 方法一：在Adapter单独设置 在Adapter的onCreateViewHolder或者onBindViewHolder单独为每个组件设置点击事件，两处都可以，但推荐在onBindViewHolder实现。 方法二：提供自定义接口 上一种方法有一个明显的缺点：如果点击的逻辑需要在Activity或者F
Android 中RecyclerView通用适配器的实现
08-31
本文将详细介绍如何在Android中实现RecyclerView的通用适配器，以简化多类型视图的处理。 首先，RecyclerView的核心在于其适配器（Adapter）和ViewHolder模式。ViewHolder模式用于缓存视图，减少findViewById的调用...
在Android中轻松创建复杂的recyclerview适配器-Android开发
05-26
MultiViewAdapter使您轻松创建具有多种视图类型的适配器Recyclerview是android框架中功能强大的小部件之一。 但是创建具有多种视图类型的适配器总是很累人。 不再。 MultiViewAdapter使您可以轻松轻松地创建具有多种...
Android RecyclerView实现点击条目删除
08-26
Android RecyclerView 实现点击条目删除 Android RecyclerView 是一个非常流行的 UI 组件，能够帮助开发者快速创建列表视图。然而，在实际开发中，我们经常需要实现点击条目删除的功能，以便用户可以轻松地删除不...
RecyclerView Adapter点击事件最佳实践
小铭同学的专栏
07-10 4066
MainActivity public class MainActivity extends Activity { private Context mContext; private RecyclerView mRecyclerView; LinearLayoutManager mManager; MyAdapter mAdapter; List&lt;...
如何在 Android 应用中使用 RecyclerView 实现一个列表显示，并实现点击事件？
我的博客
06-06 1513
需要注意的是，在 ViewHolder 的构造函数中，我们为 itemView （即 RecyclerView 中的每一个子项）设置了点击事件，当用户点击某个子项时，会回调 OnItemClickListener 接口中的 onItemClick() 方法，从而实现了点击事件的处理。以上代码中，我们在 onCreate() 方法中初始化了 RecyclerView，设置了 Adapter 和 LayoutManager，并实现了 onItemClick() 方法，用于处理点击事件。
实现RecyclerView点击事件的探索
qq_40731414的博客
08-18 958
RecyclerView是一个官方介绍RecyclerView为在有限的窗口展现大量数据的控件。拥有类似功能的控件有ListView、GridView的控件，是support:recyclerview-v7中提供的控件。 RecyclerView的使用就不说了，说说RecyclerView中的item的点击事件怎么搞？ 做法是在适配器中实现，并封装方法暴露给外部调用 1.新建一个接口，用接口...
为RecylerView添加item点击事件
Tom91的博客
02-17 833
使用了RecylerView来展示列表，少不了要有点击事件，但是Android官方并未给暴露出接口，只能自己实现。现在来总结一下自己的实现方式，供以后回顾参考。步骤1：写一个接口，这个接口将来是点击事件传递的参数，代码如下：interface OnItemClickListener{ //点击的哪个child和它的数据模型(也就是你解析数据时建的model) void onClick(View vi
recycler 的adapter 的点击事件
A_swelling_peach的博客
08-07 322
这个是适配器里的方法   @Override     public void onBindViewHolder(ViewHolder holder, final int position) {         Glide.with(context).load(list.get(position).getFigure()).into(holder.imageView);
recyclerviewAdapter实现自定义点击事件
a506656675的博客
09-29 845
Adapter: //第一步 定义接口 public interface OnItemClickListener { void onClick(int user_id); } private OnItemClickListener listener; //第二步， 写一个公共的方法 public void setOnItemClickListener(OnItemClickListener listener) { this.
RecyclerView的点击事件的两种实现方式
iczfy585的博客
01-10 3116
文章目录RecyclerView的点击事件(一）在适配器的onBindViewHolder方法中去添加响应事件(二)写回调方法 RecyclerView的点击事件 RecyclerView中没有提供类似与setOnItemClickListener()这样的注册监听方法，而需要我们自己给子项具体的View去注册点击事件。相比与ListView来说，RecyclerView的功能更加强大，不仅可以实现对点击子项的响应，而且对子项的每一个view都可以轻松的实现点击响应。 下面通过两种方法来实现： (一）在适配
【 Android 】RecyclerView 点击功能的实现
最新发布
m0_64974487的博客
11-07 1688
List list;i++){list.add("这是第"+i+"行数据");与作业一中的Fragment2文件代码相同，故不作分析。RecyclerView是在Android应用中显示列表数据的强大工具。更加深入了解了RecyclerView，利用适配器来将数据与列表项关联，以及如何为列表项设置点击事件。
RecyclerView.Adapter 点击事件
qq_33658730的博客
11-29 865
package gaga.erlan.apps.aiyesoft.com.gaga; import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import a
Android 带点击事件的RecyclerView所用Adapter
奋斗的小欣
12-08 364
引入recyclerview compile 'com.android.support:recyclerview-v7:23.4.0' 打印使用 compile 'com.orhanobut:logger:2.1.1' MyAdapter通用适配器public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> im
android recyclerview适配器
03-16
Android RecyclerView适配器是用于将数据绑定到RecyclerView视图中的组件。它负责管理RecyclerView中的数据项，并将它们绑定到视图中。适配器还负责处理视图的创建和重用，以确保RecyclerView的性能和流畅性。适配器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值