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

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

2023-10-09 96
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 最近因为需要所以学习了一下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开发
不良使
目录
相关文章
小小杨树1
|
算法 Shell 计算机视觉
【特效】对实时动态人脸进行马赛克及贴图马赛克处理及一些拓展
【特效】对实时动态人脸进行马赛克及贴图马赛克处理及一些拓展
小小杨树1
385 0
楠竹11
|
人工智能 文字识别 测试技术
AI创企深度求索推出DeepSeek-VL系列大模型
【2月更文挑战第24天】AI创企深度求索推出DeepSeek-VL系列大模型
楠竹11
675 2
AI创企深度求索推出DeepSeek-VL系列大模型
cejze5tbulhvo
|
Linux
Linux - Centos 8 执行 yum makecache fast 报错：yum makecache: error: argument timer: invalid choice: 'fast' (choose from 'timer')
Linux - Centos 8 执行 yum makecache fast 报错：yum makecache: error: argument timer: invalid choice: 'fast' (choose from 'timer')
cejze5tbulhvo
1252 0
xiaowang_lj
|
Android开发
Android中Glide加载Https图片失败的解决方案
Android中Glide加载Https图片失败的解决方案
xiaowang_lj
748 1
小Lee
|
Python
python变量未定义（NameError）
【5月更文挑战第1天】
小Lee
601 1
疯狂的猿
|
Docker 容器
尚硅谷2024新版3小时速通Docker教程
尚硅谷2024新版3小时速通Docker教程
疯狂的猿
143 1
尚硅谷2024新版3小时速通Docker教程
DieHunter1024
|
JavaScript 前端开发 开发者
控制台居然可以这么玩？五分钟带你上手ANSI指令，实现一个log工具包
控制台居然可以这么玩？五分钟带你上手ANSI指令，实现一个log工具包
DieHunter1024
345 1
唐子玄
|
存储 缓存 前端开发
Android 架构之 MVI 雏形 | 响应式编程 + 单向数据流 + 唯一可信数据源（下）
Android 架构之 MVI 雏形 | 响应式编程 + 单向数据流 + 唯一可信数据源
唐子玄
596 1
小万哥丶
|
SQL 数据库
SQL INSERT INTO 语句详解：插入新记录、多行插入和自增字段
SQL INSERT INTO 语句用于在表中插入新记录。
小万哥丶
1444 0
慕斯(˘▽˘)っ
【数据结构经典题目】—两个队列实现栈与两个栈实现队列
【数据结构经典题目】—两个队列实现栈与两个栈实现队列
慕斯(˘▽˘)っ
315 0