备案控制台
探索云世界
开发者社区 大数据 文章 正文

一个Adapter+recycleview实现多种布局，区分布局中

2023-10-09 31
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 最近因为需要所以学习了一下recycleview,使用Adapter修饰器修饰，使用一个Adapter+recycleview实现多种布局，而不是之前的三个Adapter在同一个recycleview中实现三个布局。点击区分布局中的gridview的图片和姓名。

文章目录

🍓🍓简述

🍓🍓效果图

🍓🍓代码

🥭🥭AllAdapter.java

🥭🥭 FuritAdapter3.java

🥭🥭MainActivity.java(主函数)

🥭🥭FuritBean.java（对象的属性）

🥭🥭msgcode.java(一些常量抽取出来)

🥭🥭传值

🍓🍓xml布局

🍗🍗activity_main.xml

🍗🍗item1.xml

🍗🍗item2.xml

🍗🍗item3.xml

🍗🍗recycle_item3.xml

🍓🍓简述

最近因为需要所以学习了一下recycleview,使用Adapter修饰器修饰，使用一个Adapter+recycleview实现多种布局，而不是之前的三个Adapter在同一个recycleview中实现三个布局。点击区分布局中的gridview的图片和姓名。


嗯~，算是之前的在同一个recycleview中实现三个不同布局的升级版吧。因为之前使用了三个Adapter【修饰器】，而这个只是用了一个Adapter【修饰器】


🍓🍓效果图

动态图》》》

dea860440b35308546f4d4cf555db4be_481649dd54164362adf3c6a7acefed8a.gif


🍓🍓代码

🥭🥭AllAdapter.java

package Adapter;
import android.app.Activity;
import android.util.Log;
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.lifecycle.GenericLifecycleObserver;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import com.example.layout_test.MainActivity;
import com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
import static domain.msgcode.TYPE_1;
import static domain.msgcode.TYPE_2;
import static domain.msgcode.TYPE_3;
public class AllAdapter extends RecyclerView.Adapter<AllAdapter.ViewHolder> {
    private List<FuritBean> mFruitList;
    private RecyclerView mRecycleView;
    private OnItemClickListener mOnItemClickListener;
    public int Position1,Position2;
    private View View;
    class ViewHolder extends RecyclerView.ViewHolder{
        private final ImageView mfruitImage;
        private final TextView mfruitName;
        private final RecyclerView mRecycleView,mRecycleView2;
        public ViewHolder(@NonNull @NotNull View view) {
            super(view);
            mfruitImage=view.findViewById(R.id.mImg1);
            mfruitName=view.findViewById(R.id.mTv1);
            mRecycleView=view.findViewById(R.id.recycle_item);
            mRecycleView2=view.findViewById(R.id.recycle_item2);
    // todo 此处添加两个方法
    //添加一个OnItemClickListener接口，并且定义两个方法
    public interface OnItemClickListener{
        void onClick(int position1,int position2,View view);
    }
    //然后定义一个监听的方法，便于主类调用
    public void setOnItemListener(OnItemClickListener onItemListener){
        this.mOnItemClickListener = onItemListener;
    }
    // 构造方法
    public AllAdapter(List<FuritBean> mFruitList) {
        this.mFruitList = mFruitList;
    }
    // 获取布局类型，方便分类
    @Override
    public int getItemViewType(int position) {
        if (position ==1|| position ==4 || position==9){
            return TYPE_1;
        }
        else if(position == TYPE_2){
            return TYPE_2;
        }
        else {
            return TYPE_2;
        }
    }
//    @Override
//    public long getItemId(int position) {
//        return position;
//    }
    //  根据布局类型，返回不同的view  ViewHolder
    @NonNull
    @NotNull
    @Override
    public AllAdapter.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
        View view = null;
        ViewHolder viewHolder = null;
        switch (viewType){
            case TYPE_1:
                view= LayoutInflater.from(parent.getContext()).inflate(R.layout.item1,parent,false);
                viewHolder=new ViewHolder(view);
                break;
            case TYPE_2:
                view=LayoutInflater.from(parent.getContext()).inflate(R.layout.item2,parent,false);
                viewHolder=new ViewHolder(view);
                break;
        }
        return viewHolder;
    }
    @Override
    public void onBindViewHolder(@NonNull @NotNull AllAdapter.ViewHolder holder, int position) {
        switch (getItemViewType(position)){
            case TYPE_1:
                ViewHolder viewHolder=holder;
                GridLayoutManager gridLayoutManager=new GridLayoutManager(viewHolder.mRecycleView.getContext(),5);
                viewHolder.mRecycleView.setLayoutManager(gridLayoutManager);
                FuritAdapter3 furitAdapter3=new FuritAdapter3(mFruitList,position);
                /**
                 * 取得数据
                 */
                furitAdapter3.FSetonclick(new FuritAdapter3.FuritSetOnclick() {
                    @Override
                    public void clickGetData(int position, int position2,View view) {
                        mOnItemClickListener.onClick(position,position2,view);
                    }
                });
                viewHolder.mRecycleView.setAdapter(furitAdapter3);
                break;
            case TYPE_2:
                ViewHolder viewHolder2=holder;
                FuritBean furit1=mFruitList.get(position);
                viewHolder2.mfruitImage.setImageResource(furit1.getImageId());
                viewHolder2.mfruitName.setText(furit1.getName());
                break;
            default:
                break;
        }
    }
    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
}

🥭🥭 FuritAdapter3.java

package Adapter;
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 com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
public class FuritAdapter3 extends RecyclerView.Adapter<FuritAdapter3.ViewHolder> {
    private List<FuritBean> mFruitList;
    private FuritSetOnclick furitSetOnclick;
    private int position2;
    static class ViewHolder extends RecyclerView.ViewHolder{
        private final ImageView mfruitImage;
        private final TextView mfruitName;
        public ViewHolder(@NonNull @NotNull View itemView) {
            super(itemView);
            mfruitImage= itemView.findViewById(R.id.mImg3);
            mfruitName = itemView.findViewById(R.id.mTv3);
        }
    }
    public FuritAdapter3(List<FuritBean> mFruitList, int position) {
        this.mFruitList = mFruitList;
        this.position2 = position;
    }
    @NonNull
    @Override
    public FuritAdapter3.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item3,parent,false);
        ViewHolder viewHolder=new ViewHolder(view);
        return viewHolder;
    }
    @Override
    public void onBindViewHolder(@NonNull @NotNull FuritAdapter3.ViewHolder holder, int position) {
        FuritBean furit=mFruitList.get(position);
        holder.mfruitImage.setImageResource(furit.getImageId());
        holder.mfruitName.setText(furit.getName());
        holder.mfruitImage.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                furitSetOnclick.clickGetData(position2,position,holder.mfruitImage);
            }
        });
        holder.mfruitName.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                furitSetOnclick.clickGetData(position2,position,holder.mfruitName);
            }
        });
    }
    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
    //  定义一个监听接口，里面有两个方法
    public interface FuritSetOnclick{
        void clickGetData(int position,int position2,View view);
    }
    //给监听一个构造函数，提供给  MainActivity  调用
    public void FSetonclick(FuritSetOnclick furitSetOnclick){
        this.furitSetOnclick=furitSetOnclick;
    }
}

🥭🥭MainActivity.java(主函数)

package Adapter;
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 com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
public class FuritAdapter3 extends RecyclerView.Adapter<FuritAdapter3.ViewHolder> {
    private List<FuritBean> mFruitList;
    private FuritSetOnclick furitSetOnclick;
    private int position2;
    static class ViewHolder extends RecyclerView.ViewHolder{
        private final ImageView mfruitImage;
        private final TextView mfruitName;
        public ViewHolder(@NonNull @NotNull View itemView) {
            super(itemView);
            mfruitImage= itemView.findViewById(R.id.mImg3);
            mfruitName = itemView.findViewById(R.id.mTv3);
        }
    }
    public FuritAdapter3(List<FuritBean> mFruitList, int position) {
        this.mFruitList = mFruitList;
        this.position2 = position;
    }
    @NonNull
    @Override
    public FuritAdapter3.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item3,parent,false);
        ViewHolder viewHolder=new ViewHolder(view);
        return viewHolder;
    }
    @Override
    public void onBindViewHolder(@NonNull @NotNull FuritAdapter3.ViewHolder holder, int position) {
        FuritBean furit=mFruitList.get(position);
        holder.mfruitImage.setImageResource(furit.getImageId());
        holder.mfruitName.setText(furit.getName());
        holder.mfruitImage.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                furitSetOnclick.clickGetData(position2,position,holder.mfruitImage);
            }
        });
        holder.mfruitName.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                furitSetOnclick.clickGetData(position2,position,holder.mfruitName);
            }
        });
    }
    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
    //  定义一个监听接口，里面有两个方法
    public interface FuritSetOnclick{
        void clickGetData(int position,int position2,View view);
    }
    //给监听一个构造函数，提供给  MainActivity  调用
    public void FSetonclick(FuritSetOnclick furitSetOnclick){
        this.furitSetOnclick=furitSetOnclick;
    }
}

🥭🥭FuritBean.java（对象的属性）

package domain;
public class FuritBean {
    private String name;
    private int ImageId;
    public String getName() {
        return name;
    }
    public int getImageId() {
        return ImageId;
    }
    public FuritBean(String name, int imageId) {
        this.name = name;
        ImageId = imageId;
    }
}

🥭🥭msgcode.java(一些常量抽取出来)

package domain;
public class msgcode {
    public static final int TYPE_1=0;
    public static final int TYPE_2=5;
    public static final int TYPE_3=6;
}

🥭🥭传值

因为同一个recycleView实现多种布局，其中就有gridview【九宫格布局】。要想在同一个recycleview实现多种布局，而且还要实现每个gridview的监听，常规的办法肯定是不行的。


这就涉及到嵌套了。那么嵌套怎么从最里层的gridview传出每一个小格子中的图片点击和名称点击呢？ 当然使用接口了，具体可以看代码，建议掌握，Android这样的场景太多太多。


虽然gridview传出每一个小格子中的图片点击和名称点击的view不同，可以使用view.getId进行区分，具体效果看上面截图。


🍓🍓xml布局

🍗🍗activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycle_view1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="400dp">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycle_view2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycle_view3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="40dp"/>
    </LinearLayout>
</LinearLayout>

🍗🍗item1.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="match_parent"
    android:orientation="vertical">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycle_item"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp">
        </androidx.recyclerview.widget.RecyclerView>
</LinearLayout>

🍗🍗item2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:id="@+id/mTv1"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:gravity="center"
            android:layout_gravity="center"/>
        <ImageView
            android:id="@+id/mImg1"
            android:layout_width="50dp"
            android:layout_height="50dp" />
    </LinearLayout>
</LinearLayout>

🍗🍗item3.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="match_parent"
    android:orientation="vertical">
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycle_item2"
        android:layout_width="match_parent"
        android:layout_height="80dp">
    </androidx.recyclerview.widget.RecyclerView>
</LinearLayout>

🍗🍗recycle_item3.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center">
        <ImageView
            android:id="@+id/mImg3"
            android:layout_width="50dp"
            android:layout_height="50dp" />
        <TextView
            android:id="@+id/mTv3"
            android:layout_width="50dp"
            android:layout_height="30dp"
            android:gravity="center"
            android:textColor="#FFFF0000"/>
    </LinearLayout>
</LinearLayout>


20bd4f257bc30f85cd7bba5a550b0de9_958b1e390bd64817a46d974ea2e608cc.png


最后一步，别忘了导入recycleview的依赖


27d3262b6ef4fa710f363853bdc4cbcb_5253f5da0c8b4952a0fcbaf15206da15.png

implementation 'androidx.recyclerview:recyclerview:1.1.0'


文章标签：
数据格式
XML
Android开发
不良使
目录
相关文章
1941623231718325
|
5天前
|
编解码 算法 开发者
Flutter的布局系统：深入探索布局Widget与布局原则
【4月更文挑战第26天】Flutter布局系统详解，涵盖布局Widget（Row/Column、Stack、GridView/ListView、CustomSingleChildLayout）和布局原则（弹性布局、约束优先、流式布局、简洁明了）。文章旨在帮助开发者理解并运用Flutter的布局系统，创建适应性强、用户体验佳的界面。通过选择合适的布局Widget和遵循原则，可实现复杂且高效的UI设计。
1941623231718325
17 3
韩曙亮
|
Android开发
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
韩曙亮
524 0
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
开开心心过
|
Android开发 开发者 存储
Android可折叠收缩伸展的Expandable分组RecyclerView：模型抽象和封装（二）
Android可折叠收缩伸展的Expandable分组RecyclerView：模型抽象和封装（二） 如今Android这种可收缩伸展的Expandable RecyclerView是如此常用，在附录1的基础上，我重新把模型进行了抽象和封装，设计了一套新的架构和简洁的使用方式支持这种功能。
开开心心过
3622 0
想你依然心痛
|
11月前
|
XML Android开发 数据格式
控件布局（View）叠加效果
控件布局（View）叠加效果
想你依然心痛
163 0
岁月不待人-祥
|
12月前
|
Android开发 容器
Android 实现控件对称布局（约束布局和线性布局）
画界面时会遇到很多界面上的布局，虽然很简单，但是每次做起来不熟练，总结一下一些日常的
岁月不待人-祥
200 0
格蕾修
|
12月前
|
XML Java 数据格式
Fragement基础
静态创建Fragment（要先添加依赖），静态创建的意思是不用在Java代码中加载Fragment，都在Activity的主XML文件中操作绑定Fragment。
格蕾修
70 0
BookSnail
|
Android开发 开发者
RecyclerView定制：通用ItemDecoration及全展开RecyclerView的实现
RecyclerView定制：通用ItemDecoration及全展开RecyclerView的实现
BookSnail
391 0
RecyclerView定制：通用ItemDecoration及全展开RecyclerView的实现
韩曙亮
|
Android开发
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
韩曙亮
228 0
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
tinyvvampirepudge
|
计算机视觉
RecyclerView#Adapter支持无数据布局、错误布局和列表尾部的”没有更多了“布局
实际开发中，UI小姐姐都会提供通用的`无数据页面`、`错误提示页面`。 针对常见的`支持下拉刷新和上拉加载更多的列表页面`，将他们的通用逻辑抽取出来，这样我们在开发过程中就只需要关注具体的业务逻辑了，无需每次通过cv来完善`无数据页面`、`错误提示页面`的逻辑了。
tinyvvampirepudge
77 0
不良使
|
Android开发
同一页面实现recycleView三种布局【recycleView + adapter】
同一页面实现recycleView三种布局【recycleView + adapter】
不良使
126 0
同一页面实现recycleView三种布局【recycleView + adapter】

热门文章

最新文章

  • 1
    解决关于Windows Defender Antivirus Service自启造成运行python程序时，Windows的cpu和内存占用过高问题
  • 2
    订票系统不再瘫痪 阿里云确认与12306合作
  • 3
    iOS - 手动下架的应用后快速恢复上架
  • 4
    du 和 df以及lsof
  • 5
    库克：苹果不是只做富人生意，还一直坚持让世界变得更好
  • 6
    WiGig无线标准正式开始提供验证 最高可达8Gbps
  • 7
    IBM推出新的16位量子处理器
  • 8
    Android:随笔——对页面的View进行截图
  • 9
    shell MAC 地址 校验
  • 10
    【系统优化】数据库系统load飙高问题解决思路
  • 1
    DataWorks产品使用合集之DataWorks中，如果一个虚拟节点被设置为冻结状态，那么它的所有子节点也将被冻结如何解决
    23
  • 2
    DataWorks产品使用合集之DataWorks发布任务的方法如何解决
    25
  • 3
    DataWorks产品使用合集之DataWorks中，配置DataHub数据源如何解决
    23
  • 4
    Nacos 1.4.1核心功能组件及使用入门
    22
  • 5
    DataWorks产品使用合集之在 DataWorks 中，有一个 MySQL 数据表，数据量非常大且数据会不断更新将这些数据同步到 DataWorks如何解决
    14
  • 6
    基于直方图的图像阈值计算和分割算法FPGA实现,包含tb测试文件和MATLAB辅助验证
    13
  • 7
    DataWorks产品使用合集之在DataWorks中，要实现MySQL数据源的增量同步如何解决
    16

    • 相关电子书

    更多
  • Android组件化实现
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考