AI 助理
备案控制台
开发者社区 大数据 文章 正文

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

2023-10-09 53
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 最近因为需要所以学习了一下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开发
不良使
目录
相关文章
开开心心过
|
Android开发 开发者 存储
Android可折叠收缩伸展的Expandable分组RecyclerView：模型抽象和封装（二）
Android可折叠收缩伸展的Expandable分组RecyclerView：模型抽象和封装（二） 如今Android这种可收缩伸展的Expandable RecyclerView是如此常用，在附录1的基础上，我重新把模型进行了抽象和封装，设计了一套新的架构和简洁的使用方式支持这种功能。
开开心心过
3783 0
韩曙亮
|
Android开发
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
韩曙亮
674 0
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
开开心心过
|
XML 前端开发 Android开发
Android NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端
Android NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端 网上有一个StickyScrollView，称之为粘性ScrollView，比如一个垂直方向的布局，依次摆放几个子View，当某一个子View滚到到顶端时候要停靠在顶部，悬停在顶部的位置不动。
开开心心过
2869 0
GameProgramer
RecyclerView GridView模式同一行，使其高度平齐，自动适应高度最大item
RecyclerView GridView模式同一行，使其高度平齐，自动适应高度最大item
GameProgramer
235 0
韩曙亮
|
Android开发
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
韩曙亮
276 0
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
想你依然心痛
|
XML Android开发 数据格式
控件布局（View）叠加效果
控件布局（View）叠加效果
想你依然心痛
208 0
岁月不待人-祥
|
Android开发 容器
Android 实现控件对称布局（约束布局和线性布局）
画界面时会遇到很多界面上的布局，虽然很简单，但是每次做起来不熟练，总结一下一些日常的
岁月不待人-祥
284 0
tinyvvampirepudge
|
计算机视觉
RecyclerView#Adapter支持无数据布局、错误布局和列表尾部的”没有更多了“布局
实际开发中，UI小姐姐都会提供通用的`无数据页面`、`错误提示页面`。 针对常见的`支持下拉刷新和上拉加载更多的列表页面`，将他们的通用逻辑抽取出来，这样我们在开发过程中就只需要关注具体的业务逻辑了，无需每次通过cv来完善`无数据页面`、`错误提示页面`的逻辑了。
tinyvvampirepudge
115 0
不良使
|
Android开发
同一页面实现recycleView三种布局【recycleView + adapter】
同一页面实现recycleView三种布局【recycleView + adapter】
不良使
152 0
同一页面实现recycleView三种布局【recycleView + adapter】
韩曙亮
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )
韩曙亮
584 0
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )