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

这篇具有很好参考价值的文章主要介绍了一个Adapter+recycleview实现多种布局,区分布局中。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

🍓🍓简述

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

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



🍓🍓效果图

动态图》》》
android recyclerview 多类型布局 九宫格,Android,android,java,android studio



🍓🍓代码

🥭🥭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>

android recyclerview 多类型布局 九宫格,Android,android,java,android studio

最后一步,别忘了导入recycleview的依赖
android recyclerview 多类型布局 九宫格,Android,android,java,android studio文章来源地址https://www.toymoban.com/news/detail-808704.html

implementation 'androidx.recyclerview:recyclerview:1.1.0'

到了这里,关于一个Adapter+recycleview实现多种布局,区分布局中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android学习——Adapter适配器

    容器控件,其整体效果由每一个子元素内容决定,子元素的形式由Adapter决定。 ListView:以垂直滑动列表形式显示一组数据。 GridView:以网格形式显示一组数据。 Spinner:以下拉列表形式显示一组数据。 Gallery :以水平滑动列表形式显示一组数据。(此类已弃用,由HorizontalSc

    2023年04月08日
    浏览(32)
  • 如何使用CSS实现一个响应式网格布局?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月12日
    浏览(42)
  • 如何使用CSS实现一个自适应等高布局?

    前端入门之旅:探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一

    2024年02月10日
    浏览(47)
  • Android基础Adapter适配器详解

    一、概念 Adapter是后端数据和前端显示UI的适配器接口。常见的View如ListView、GridView等需要用到Adapter. BaseAdapter:抽象类,实际开发中继承这个类并且重写相关方法,用得最多的一个Adapter! ArrayAdapter:支持泛型操作,只能展现一行文字,最简单的一个Adapter! SimpleAdapter:同样具有

    2024年02月22日
    浏览(35)
  • 通过JDK动态代理类实现一个类中多种方法的不同增强

    JDK动态代理是基于接口的代理,它要求目标类(被代理的类)必须实现一个或多个接口。这是因为JDK动态代理是通过创建目标类的接口的代理对象来实现的,代理对象实现了目标接口,并在方法调用时委托给 InvocationHandler 中的 invoke 方法来处理。 在JDK动态代理中, Proxy 类的

    2024年02月03日
    浏览(38)
  • 在微信小程序中跳转到另一个小程序(多种实现方式)

    今天在项目中刚好遇到一个到从当前小程序中跳转到另一个小程序,下面分享一下我总结的几个比较简单的跳转方式吧。 如果不给path属性是默认跳到目标小程序首页,如果想跳到其他页面就要配置path属性,这样就能实现从当前微信小程序跳转到另外一个小程序啦~ 也有办法

    2024年02月11日
    浏览(50)
  • CSS:盒子模型 与 多种横向布局方法

    独占一行,对宽度高度支持,div、p、ul、li。 不独占一行,对宽度高度不支持,span、a。 不独占一行,对宽度高度支持,img、input。 一个父级元素设置成弹性盒子,其子元素默认始终横向布局。 不管子元素宽度之和是否超过父级元素,最终都能放到父级元素中。 display:block

    2024年02月13日
    浏览(45)
  • 【Android】-- 下拉列表Spinner、适配器Adapter

    Spinner用于从一串列表中选择某项,功能类似于单选按钮的组合。 例: 下拉列表框  XML文件  java代码 layout下创建item_select.xml文件 适配器负责从数据集合中取出对应的数据显示到条目布局上。 SimpleAdapter允许在列表项中同时展示文本与图片 例:  XML文件 java代码 layout下新建

    2023年04月27日
    浏览(51)
  • element-ui实现一个动态布局的对话框

     我把组件上传到npm了,具体使用方法请看:https://gitee.com/zengyanfang/tablelist-way/blob/master/README.md#%E5%8F%82%E6%95%B0 前言:在工作中有各种各样的对话框,最多就是填写信息这些的,一般这样的内容都是el-input输入框,el-select选择框等等之内的,这时我们就可以封装成一个组件,想

    2024年02月01日
    浏览(46)
  • 记录--Vue3基于Grid布局简单实现一个瀑布流组件

    在学习Grid布局之时,我发现其是CSS中的一种强大的布局方案,它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,在刷某书和某宝首页时,我们发现其展示方式就是一种瀑布流,是一种流行的网站页面布局,视觉表现为参差不齐的多栏布局,随着页

    2024年02月05日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包