当前位置: 当前位置:首页 > 百科 > 同一页面实现recycleView三种布局【recycleView + adapter】 正文

同一页面实现recycleView三种布局【recycleView + adapter】

2024-05-05 10:03:19 来源:口口声声网 作者:热点 点击:244次

同一页面实现recycleView三种布局【recycleView + adapter】

文章目录

  • 🥭🥭简介
  • 🥭🥭效果图
  • 🥭🥭代码
    • 🍎🍎三个Adapter修饰器
    • 🍎🍎主界面函数 && FuritBean
    • 🍎🍎布局文件
  • 🥭🥭资源文件



在这里插入图片描述


🥭🥭简介

分享一下recycleView在同一个页面中(一个recycleView中实现三种不同的同页布局方式)。三种布局一种是面实横着划,竖着划和GridView三种布局,种布代码全部粘在下面了,同页需要自取。面实

🍓🍓第一种是种布竖着滑动,和listView差不多。同页自我感觉,面实比ListView复杂。种布
🍓🍓第二种是同页横着滑。自我感觉,面实ListView虽然也可以实现,种布但是同页比起RecycleView难度和繁琐度都上了一个等级。这可能也是面实现在大部分人都用RecycleView的原因之一吧,当然recycleView还有很多优势。种布
🍓🍓第三种就是gridView布局了,也就是Android中常说的九宫格布局了。

RecycleView它可以实现与ListView和GridView一样的效果,提供了一种插拔式的体验,高度的解耦,异常的灵活,adpter适配器自己定制。只需设置其提供的不同的LayoutManager,ItemAnimator和ItemDecoration,就能实现不同的效果。

🍓🍓 RecyclerView的优点
🍗🍗1、支持局部刷新。
🍗🍗2、可以自定义item增删时的动画。
🍗🍗3、能够实现item拖拽和侧滑删除等功能。
🍗🍗4、默认已实现View的复用,而且回收机制更加完善。



🥭🥭效果图

待写。。。。。。



🥭🥭代码

🍎🍎三个Adapter修饰器

FruitAdapter

package Adapter;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;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 FruitAdapter extends RecyclerView.Adapter{    private ListmFruitList;    static class ViewHolder extends RecyclerView.ViewHolder{        private final ImageView mfruitImage;        private final TextView mfruitName;        public ViewHolder(@NonNull @NotNull View view) {            super(view);            mfruitImage=view.findViewById(R.id.mImg1);            mfruitName=view.findViewById(R.id.mTv1);        }    }    public FruitAdapter(ListfruitList){        mFruitList=fruitList;    }    @NonNull    @NotNull    @Override    public ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item1,parent,false);        ViewHolder holder=new ViewHolder(view);        return holder;    }    @Override    public void onBindViewHolder(@NonNull @NotNull FruitAdapter.ViewHolder holder, int position) {        FuritBean furit=mFruitList.get(position);        holder.mfruitImage.setImageResource(furit.getImageId());        holder.mfruitName.setText(furit.getName());    }    @Override    public int getItemCount() {        return mFruitList.size();    }}

FruitAdapter2

package Adapter;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;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 FuritAdapter2 extends RecyclerView.Adapter{    private ListmFruitList;    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.mImg2);            mfruitName = itemView.findViewById(R.id.mTv2);        }    }    public FuritAdapter2(ListmFruitList) {        this.mFruitList = mFruitList;    }    @NonNull    @Override    public FuritAdapter2.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item2,parent,false);        ViewHolder viewHolder=new ViewHolder(view);        return viewHolder;    }    @Override    public void onBindViewHolder(@NonNull @NotNull FuritAdapter2.ViewHolder holder, int position) {        FuritBean furit=mFruitList.get(position);        holder.mfruitImage.setImageResource(furit.getImageId());        holder.mfruitName.setText(furit.getName());    }    @Override    public int getItemCount() {        return mFruitList.size();    }}

FruitAdapter3

package Adapter;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;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{    private ListmFruitList;    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(ListmFruitList) {        this.mFruitList = mFruitList;    }    @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());    }    @Override    public int getItemCount() {        return mFruitList.size();    }}

三个Adapter修饰器修饰了不同的布局,每一个布局都是单独修饰的,当然也可以放到一个布局里面。下面一篇文章会将所有的布局放在一个Adapter修饰器里面进行。



MainActivity

🍎🍎主界面函数 && FuritBean

package com.example.layout_test;import androidx.appcompat.app.AppCompatActivity;import androidx.recyclerview.widget.GridLayoutManager;import androidx.recyclerview.widget.LinearLayoutManager;import androidx.recyclerview.widget.RecyclerView;import android.Manifest;import android.icu.text.UnicodeSetSpanner;import android.os.Bundle;import android.util.Log;import android.view.View;import android.widget.LinearLayout;import android.widget.TextView;import android.widget.Toast;import com.google.android.material.tabs.TabLayout;import org.w3c.dom.Text;import java.util.ArrayList;import java.util.List;//import Adapter.AllAdapter;//import Adapter.AllAdapter;import Adapter.FruitAdapter;import Adapter.FuritAdapter2;import Adapter.FuritAdapter3;import domain.FuritBean;public class MainActivity extends AppCompatActivity{    private ListfuritBeans= new ArrayList();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initData();        /**         * todo  ListView   滑动         */        // recycleView  横着滑        RecyclerView recyclerView1=findViewById(R.id.recycle_view1);        LinearLayoutManager layoutManager2=new LinearLayoutManager(this);        layoutManager2.setOrientation(LinearLayoutManager.HORIZONTAL);        recyclerView1.setLayoutManager(layoutManager2);        FuritAdapter2 furitAdapter2=new FuritAdapter2(furitBeans);        recyclerView1.setAdapter(furitAdapter2);        // recycleView  竖着划        RecyclerView recyclerView=findViewById(R.id.recycle_view2);        LinearLayoutManager layoutManager=new LinearLayoutManager(this);        recyclerView.setLayoutManager(layoutManager);        FruitAdapter fruitAdapter=new FruitAdapter(furitBeans);        recyclerView.setAdapter(fruitAdapter);        /**         * todo  GridView   RecycleView  九宫格         */        RecyclerView recyclerView3=findViewById(R.id.recycle_view3);        GridLayoutManager gridLayoutManager=new GridLayoutManager(this,4);        recyclerView3.setLayoutManager(gridLayoutManager);        FuritAdapter3 adapter=new FuritAdapter3(furitBeans);        recyclerView3.setAdapter(adapter);    }    //   数据    private void initData() {        for (int i = 0; i <= 4; i++) {            FuritBean furitBean=new FuritBean("cm",R.drawable.cm);            furitBeans.add(furitBean);            FuritBean furitBean1=new FuritBean("cz",R.drawable.cz);            furitBeans.add(furitBean1);            FuritBean furitBean2=new FuritBean("mht",R.drawable.mht);            furitBeans.add(furitBean2);            FuritBean furitBean3=new FuritBean("nyg",R.drawable.nyg);            furitBeans.add(furitBean3);            FuritBean furitBean4=new FuritBean("pg",R.drawable.pg);            furitBeans.add(furitBean4);            FuritBean furitBean5=new FuritBean("pt",R.drawable.pt);            furitBeans.add(furitBean5);            FuritBean furitBean6=new FuritBean("sl",R.drawable.sl);            furitBeans.add(furitBean6);            FuritBean furitBean7=new FuritBean("yt",R.drawable.yt);            furitBeans.add(furitBean7);        }    }}

FuritBean

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;    }}


🍎🍎布局文件

activity_main


recycle_item1


recycle_item2


recycle_item3



🥭🥭资源文件

在这里插入图片描述

嗯~~,就几张照片,放上来还有水印,你们这个照片就自己找找吧。


把上面的代码全部拷贝下来就可以运行出上动态图的结果了。


学Android,来牛客

在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有,除此之外牛客里面还有招聘(社招和校招)、一些上岸大厂的大佬的面试经验。牛客是可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到感兴趣的可以去注册试试可以伴随一生的刷题app







觉得有用的可以给个三连,关注一波!!!带你玩转Android

作者:探索
------分隔线----------------------------
头条新闻
图片新闻
新闻排行榜