Android recyclerview垂直布局、网格布局、瀑布流布局、点击事件获取位置的使用

已于 2022-06-23 11:37:09 修改
阅读量2.4k 收藏 21
点赞数 4
分类专栏： Android 文章标签： android
于 2022-05-28 22:40:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45877477/article/details/125021192
版权

目录

一 recyclerview基础使用(垂直布局)

1 步骤

2 代码

step1 导入recyclerview 的依赖

 step2 activity_main.xml 

step3 添加一个recyclerview_item.xml 页面

step4 创建一个java bean类

step5 创建MyAdapter类

step6 java主文件里,往recyclerview里放数据

 二 把recyclerView转成网格布局

 三 把recyclerView转成瀑布流布局

 四 添加点击事件获取position

1 步骤

2 点击事件获取position的代码

 3 点击事件两个文件的完整代码

一 recyclerview基础使用(垂直布局)

1 步骤

step1 导入recyclerview 的依赖

step2 activity_main.xml 
    里面添加recyclerview标签    
    
step3 添加一个recyclerview_item.xml 页面
    里面添加TextView内容    
    
step4 创建一个java bean类

step5 创建MyAdapter类
MyAdapter类继承 RecyclerView.Adapter<MyAdapter.MyViewHolder>,
里面内部类 MyViewHolder 继承 RecyclerView.ViewHolder.
重写方法获取 recyclerview_item 页面内容
    1 获取recyclerview_item.xml页面
        View view = View.inflate(context,R.layout.recyclerview_item,null);
    2 获取textView    
    3 textView里面放置bean的数据    
        holder.textView.setText(list.get(position).getName());
          
step6 java主文件里,往recyclerview里放数据
    1 获取recyclerView
    2 建一个 ArrayList,for循环放数据
    3 把recyclerView转成垂直布局
         LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
            recyclerView.setLayoutManager(linearLayoutManager);
            
    4 recyclerView里面setAdapter(把ArrayList的数据放进去)
        recyclerView.setAdapter(new MyAdapter(list,this));

2 代码

step1 导入recyclerview 的依赖

build.gradle

//添加recyclerview 的依赖包
    implementation 'androidx.recyclerview:recyclerview:1.1.0'

 step2 activity_main.xml 

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

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



</LinearLayout>

step3 添加一个recyclerview_item.xml 页面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/itemV"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>


</LinearLayout>

step4 创建一个java bean类

package com.example.myrecyclerview;

public class Student {

    private String name;

    public String getName() {
        return name;
    }

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

step5 创建MyAdapter类

package com.example.myrecyclerview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

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

import java.util.List;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    private List<Student> list;
    private Context context;


    public MyAdapter(List<Student> list, Context context) {
        this.list = list;
        this.context = context;
    }

    //创建 ViewHolder:放recyclerview_item.xml 页面组件用的
    @NonNull
    @Override
    public MyAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        //1 获取recyclerview_item.xml页面
        View view = View.inflate(context,R.layout.recyclerview_item,null);
        return new MyViewHolder(view);
    }

    //3 textView里面放置bean的数据
    @Override
    public void onBindViewHolder(@NonNull MyAdapter.MyViewHolder holder, int position) {
        holder.textView.setText(list.get(position).getName());
    }

    //recyclerview里面textView里面放了多少条数据
    @Override
    public int getItemCount() {
        //textView里面的list为空时返回0,不为空时,返回list实际的大小
        return list==null ? 0: list.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder{
        //2 获取textView
        private TextView textView;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.itemV);
        }
    }
}

step6 java主文件里,往recyclerview里放数据

package com.example.myrecyclerview;

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

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

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

public class MainActivity extends AppCompatActivity {

    private List<Student> list = new ArrayList<Student>();


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

            //添加数据到list里
            for (int i = 0; i < 12; i++) {
                Student bean  = new Student();
                bean.setName("学生"+i);
                list.add(bean);
            }
            RecyclerView recyclerView = findViewById(R.id.recyclerV);
            //把recyclerView转成垂直布局
            LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
            recyclerView.setLayoutManager(linearLayoutManager);

            //context 就是 Android 组件的环境
            recyclerView.setAdapter(new MyAdapter(list,this));


    }
}

效果

 二 把recyclerView转成网格布局

MainActivity.java

//把recyclerView转成网格布局
//第2个参数表示网格的列数
GridLayoutManager gridLayoutManager = new GridLayoutManager(this,4);
recyclerView.setLayoutManager(gridLayoutManager);

效果

 三 把recyclerView转成瀑布流布局

MainActivity.java

//把recyclerView转成瀑布流布局
//第1个参数表示一行的列数,第2个参数表示方向
StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
recyclerView.setLayoutManager(staggeredGridLayoutManager);

效果

 四 添加点击事件获取position

recyclerview 没有点击监听,需要自己去设置

1 步骤

第一步 MyAdapter.java里
1 在MyAdapter里自定义一个监听接口,里面写点击方法(参数传position)
2 把这个自定义接口添加成MyAdapter的属性,并设置set方法
3 获取recyclerview_item.xml 页面的textView的时候,设置当textView被点击的时候,调自定义接口的点击方法,把获取的位置通过自定义监听接口点击方法的参数传走

第二步 MainActivity.java里
调用myAdapter的自定义接口的 set方法,参数:(传new自定义的接口,并实现接口里的方法)

总结:TextView有点击监听,TextView点击的时候,可以获取到position,把这个position作为自定义接口点击方法的参数传走,当MyAdapter调用自定义接口的点击方法时就获得了position,最后myAdapter被setAdapter到recyclerView里了

2 点击事件获取position的代码

MyAdapter.java

  //自定义监听
    private onRecyclerItemClickListener monRecyclerItemClickListener;

    public void setMonRecyclerItemClickListener(onRecyclerItemClickListener listener) {
        this.monRecyclerItemClickListener = listener;
    }

    public interface onRecyclerItemClickListener{
        void onRecyclerItemClick(int position);
    }
    
     public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.itemV);
            //设置自定义监听
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(monRecyclerItemClickListener!=null){
                        monRecyclerItemClickListener.onRecyclerItemClick(getAdapterPosition());
                    }

                }
           });
        }

MainActivity.java

 //点击事件
            myAdapter.setMonRecyclerItemClickListener(new MyAdapter.onRecyclerItemClickListener(){
                @Override
                public void onRecyclerItemClick(int position) {
              
                    Log.e("cs","hello, recycler"+position);
                }
            });

效果

 3 点击事件两个文件的完整代码

MyAdapter.java

package com.example.myrecyclerview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

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

import java.util.List;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    private List<Student> list;
    private Context context;


    public MyAdapter(List<Student> list, Context context) {
        this.list = list;
        this.context = context;
    }

    //创建 ViewHolder:放recyclerview_item.xml 页面组件用的
    @NonNull
    @Override
    public MyAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        //1 获取recyclerview_item.xml页面
        View view = View.inflate(context,R.layout.recyclerview_item,null);
        return new MyViewHolder(view);
    }

    //3 textView里面放置bean的数据
    @Override
    public void onBindViewHolder(@NonNull MyAdapter.MyViewHolder holder, int position) {
        holder.textView.setText(list.get(position).getName());
    }

    //recyclerview里面textView里面放了多少条数据
    @Override
    public int getItemCount() {
        //textView里面的list为空时返回0,不为空时,返回list实际的大小
        return list==null ? 0: list.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder{
        //2 获取textView
        private TextView textView;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.itemV);
            //设置自定义监听
            //当点击itemView时,触发onClick方法
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(monRecyclerItemClickListener!=null){
                        //调用自定义接口的方法
                        monRecyclerItemClickListener.onRecyclerItemClick(getAdapterPosition());
                    }

                }
            });
        }
    }

    //自定义监听
    //自定义接口的对象
    private onRecyclerItemClickListener monRecyclerItemClickListener;

    public void setMonRecyclerItemClickListener(onRecyclerItemClickListener listener) {
        monRecyclerItemClickListener = listener;
    }

    //自定义一个接口
    public interface onRecyclerItemClickListener{
        void onRecyclerItemClick(int position);
    }
}

MainActivity.java

package com.example.myrecyclerview;

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

import android.os.Bundle;
import android.util.Log;
import android.widget.LinearLayout;
import android.widget.ListView;

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

public class MainActivity extends AppCompatActivity {

    private List<Student> list = new ArrayList<Student>();


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

            //添加数据到list里
            for (int i = 0; i < 12; i++) {


                Student bean  = new Student();
                bean.setName("学生"+i);
                list.add(bean);
            }
            RecyclerView recyclerView = findViewById(R.id.recyclerV);
            //把recyclerView转成垂直布局
//            LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
//            recyclerView.setLayoutManager(linearLayoutManager);

            //把recyclerView转成网格布局
            //第2个参数表示网格的列数
            GridLayoutManager gridLayoutManager = new GridLayoutManager(this,4);
            recyclerView.setLayoutManager(gridLayoutManager);

            //把recyclerView转成瀑布流布局
            //第1个参数表示一行的列数,第2个参数表示方向
//            StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
//            recyclerView.setLayoutManager(staggeredGridLayoutManager);


            //context 就是 Android 组件的环境

            MyAdapter myAdapter =  new MyAdapter(list,this);
            recyclerView.setAdapter(myAdapter);

            //点击事件
            myAdapter.setMonRecyclerItemClickListener(new MyAdapter.onRecyclerItemClickListener(){
                @Override
                public void onRecyclerItemClick(int position) {

                    Log.e("cs","hello, recycler"+position);
                }
            });



    }
}

铃俐
关注
  • 4
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RecyclerView网格布局
LyInHeart的博客
09-24 3279
GridLayoutManager
RecyclerView 实现网格布局并实现单选功能
05-17
RecyclerView可以代替listview,GridView,在这里用RecyclerView代替传统的GridView(网格布局),并实现单选效果
recycleview如何实现item的网格布局
最新发布
2302_79014134的博客
06-16 110
一个item实现一排2个布局。
RecyclerView 网格布局
weixin_30404405的博客
08-13 477
上面我们介绍的就是?RecyclerView 线性布局的使用，效果还是不错的，一般可以用于浏览个人信息列表操作。接着，我们来看第二种布局形式：网格布局。 ? ? 网格布局也是非常常用的，一般用于图片相册的浏览，接下来的工作就是复制粘贴一下原先的代码就可以了，因为适配器里面的代码几乎一个样，我们可以考虑把它封装起来用，不过现在还是怎么方便怎么来。 ? ? 对于线性布局来说，网格布局是需要做一定量...
网格布局Recyclerview
weixin_43218083的博客
12-11 353
导依赖： implementation 'com.squareup.okhttp3:okhttp:3.11.0' implementation 'com.squareup.okhttp3:logging-interceptor:3.11.0' implementation 'com.google.code.gson:gson:2.8.5' implementatio...
android ListView GridView 瀑布流布局切换（打开相册选择照片为例）
05-20
在Android中，实现瀑布流布局可以使用第三方库，如StaggeredGridLayoutManager（在`recyclerview-v7`支持库中）配合RecyclerView。使用时，先在XML布局文件中添加RecyclerView，然后在代码中设置LayoutManager并指定...
Android开发之RecyclerView控件
01-20
3. **StaggeredGridLayoutManager**：瀑布流布局，适合展示图片墙。 例如，要设置一个竖直方向的LinearLayoutManager： ```java RecyclerView recyclerView = findViewById(R.id.recycler_view); ...
Recyclerview实现的瀑布流效果
03-25
- RecyclerView有多种LayoutManager，如LinearLayoutManager（线性布局）、GridLayoutManager（网格布局）和StaggeredGridLayoutManager（瀑布流布局）。 2. **StaggeredGridLayoutManager** - ...
Android中的RecyclerView新组件初步上手指南
09-02
预设的LayoutManager有三种：LinearLayoutManager（线性布局）、GridLayoutManager（网格布局）和StaggeredGridLayoutManager（瀑布流布局）。这些布局方式使得开发者可以根据需求轻松实现不同的展示效果，而不再...
android之旅(二)常见布局及简单事件处理
03-30
7. 网格流布局（GridLayoutManager）和瀑布流布局（StaggeredGridLayoutManager） 这两种布局是Android RecyclerView库的一部分，用于创建动态、可滚动的视图。GridLayoutManager提供固定列数的网格，而...
Android RecyclerView实现瀑布流布局
04-09
Android RecyclerView实现瀑布流布局
Android：RecyclerView实现网格布局GridLayout
weixin_49083184的博客
10-19 1万+
模仿企业微信工作台界面
RecyclerView（2）网格布局
一岁啊
12-12 290
这是网格布局，和线性布局相差无几，布局方面发生点改动即可 先来看看效果图 Activity代码 package com.example.recyclerview.activity; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.w...
RecyclerView 瀑布流布局
weixin_30606461的博客
08-13 166
最后一个布局样式是瀑布流的布局，其实和网格布局几乎一样的，网格布局是规规矩矩的，而瀑布流就是有长有短的那种，有错位和落差感，有时候太规矩的不好看，有一点错位显得更加美观。 ? ? 瀑布流的?RecyclerView Item 布局文件要注意了，不能写固定的一个高度，否则就没有效果了。比如，我们得这样改： <?xml version="1.0" encoding="utf-8"?>&...
Android RecyclerView 详解(2)---网格布局（支持多种分割线）
Luckcat
12-24 3万+
上篇Android RecyclerView 详解(1)—线性布局 记录了下RecyclerView的使用方法，并且讲述了线性布局列表的使用方法，在此基础上加上了万能分割线，支持颜色分割线和图片分割线，同时支持对分割线设置线宽。 这篇是总结一下网格布局的使用，同样也支持两种分割线和线宽的设置。主要的相关类：1. RecyclerView.Adapter2. GridLayoutManager
RecyclerView实现瀑布流布局
热门推荐
NoBlueSky的专栏
07-27 5万+
RecyclerView本身提供了三个LayoutManager的实现 LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager 第一个和第二个大家比较常用，今天我们就来使用第三个比较陌生的StaggeredGridLayoutManager，让你分分钟实现瀑布流布局。 首先来看下最后的效果好吧，让我们来实现它吧 首先是It
Android开发之RecyclerView实现流式布局
小冯的Blog
11-19 7521
RecyclerView的流式布局
【Android】RecyclerView瀑布流布局
weixin_42473228的博客
04-08 704
RecyclerView瀑布流布局 代码 Menifest: <activity android:name=".recyclerView.StaggeredActivity"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent
Android RecyclerView深度解析：布局管理、分割线与点击事件
本文主要介绍了Android中的RecyclerView的基本使用方法，包括如何添加依赖、设置布局、创建适配器、实现各种效果、添加分割线、处理点击事件以及如何在RecyclerView中添加header和footer。 一、RecyclerView基本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值