AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2022-09-27 206
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 同一页面实现recycleView三种布局【recycleView + adapter】

🥭🥭简介

分享一下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的复用，而且回收机制更加完善。

🥭🥭效果图微信图片_20220927110554.gif

🥭🥭代码

三个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<FruitAdapter.ViewHolder> {
    private List<FuritBean> mFruitList;
    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(List<FuritBean> fruitList){
        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<FuritAdapter2.ViewHolder> {
    private List<FuritBean> mFruitList;
    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(List<FuritBean> mFruitList) {
        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<FuritAdapter3.ViewHolder> {
    private List<FuritBean> mFruitList;
    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) {
        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 List<FuritBean> furitBeans= 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

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

recycle_item1

<?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="wrap_content"
    android:orientation="horizontal">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/mImg1"
            android:layout_width="50dp"
            android:layout_height="50dp" />
        <TextView
            android:id="@+id/mTv1"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:gravity="center"
            android:layout_gravity="center"/>
    </LinearLayout>
</LinearLayout>

recycle_item2

<?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="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/mImg2"
            android:layout_width="50dp"
            android:layout_height="50dp" />
        <TextView
            android:id="@+id/mTv2"
            android:layout_width="50dp"
            android:layout_height="30dp"
            android:gravity="center"/>
    </LinearLayout>
</LinearLayout>

recycle_item3

<?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开发
不良使
目录
相关文章
ling218
|
机器学习/深度学习 网络协议 安全
网络抓包工具 - tcpdump
【1月更文挑战第1天】
ling218
614 4
GameProgramer
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
GameProgramer
384 0
猫林老师
|
9月前
|
JavaScript 容器
鸿蒙应用开发从入门到入行 - 篇6:数据监听器、滚动、侧滑功能
在本篇文章里，您将掌握监听器、滚动、侧滑等相关内容，助力你开发出更具交互的案例。
猫林老师
163 9
鸿蒙应用开发从入门到入行 - 篇6:数据监听器、滚动、侧滑功能
艾尼麻麻
|
Android开发
08. 【Android教程】相对布局 RelativeLayout
08. 【Android教程】相对布局 RelativeLayout
艾尼麻麻
253 0
爱专研的技术土狗
|
9月前
|
API 数据安全/隐私保护 开发者
商品订单接口获取及作用详解
在电商平台的后台管理中，订单接口至关重要。本文介绍了如何获取商品订单接口及其作用，包括注册开发者账号、创建应用、申请API权限和调用接口获取订单及物流信息的详细步骤，并提供了Python示例代码。同时，强调了遵守平台规则、数据安全和接口维护的重要性。
爱专研的技术土狗
467 2
小周sir
|
10月前
|
前端开发
React Hooks：从基础到进阶的深入理解
React Hooks：从基础到进阶的深入理解
小周sir
194 2
游客mldfis24krfue
|
Ubuntu Linux 网络安全
在Linux中，如何配置VPN连接？
在Linux中，如何配置VPN连接？
游客mldfis24krfue
8232 0
肥猪肥猪-17824
|
缓存 API 数据库
构建高效Python Web应用：Flask框架与RESTful API设计原则
【5月更文挑战第20天】 在现代Web开发中，构建一个轻量级且高效的后端服务至关重要。本文将深入探讨如何使用Python的Flask框架结合RESTful API设计原则来创建可扩展和易于维护的Web应用程序。我们将通过分析Flask的核心特性，以及如何利用它来实现资源的合理划分、接口的版本控制和请求处理优化等，来指导读者打造高性能的API服务。文中不仅提供了理论指导，还包括了实践案例，旨在帮助开发者提升开发效率，并增强应用的稳定性和用户体验。
肥猪肥猪-17824
261 0
程序员徐师兄
|
Android开发
Android RecyclerView实现吸顶动态效果,详细分析
Android RecyclerView实现吸顶动态效果,详细分析
程序员徐师兄
571 0
vohelon
|
存储 前端开发 Serverless
阿里云视觉智能平台提供了人脸识别和图像搜索的API接口
阿里云视觉智能平台提供了人脸识别和图像搜索的API接口
vohelon
2016 0

热门文章

最新文章

  • 1
    互联网大厂程序员岗位职级划分
  • 2
    【资料合集】红包在线技术峰会回顾集锦：讲义PDF+活动视频！
  • 3
    那些年，人们问王坚博士的33个问题
  • 4
    世界互联网大会发布15项领先科技成果
  • 5
    GNU make manual 翻译(十五)
  • 6
    SSRS 2012 聚合函数 -- 介绍
  • 7
    微软将停止免费提供15GB OneDrive空间
  • 8
    Node.js开发者必须熟悉的四个JavaScript概念
  • 9
    Harp – 内置常用预处理器的静态 Web 服务器
  • 10
    Sql Server内置函数实现MD5加密
  • 1
    基于C#实现的支持文件传输的Socket聊天室
    71
  • 2
    Gateway 网关坑我！ 被这个404 问题折腾了一年？
    65
  • 3
    Service Mesh：原则、挑战和演变
    43
  • 4
    DDD领域驱动设计：实践中的聚合
    53
  • 5
    【详细教程】如何在Ubuntu上本地部署Dify？
    51
  • 6
    Dapr：用于构建分布式应用程序的便携式事件驱动运行时
    42
  • 7
    阿里云gpu云服务器收费价格，热门实例简介和最新按量、1个月、1年收费标准参考
    88
  • 8
    游戏显卡驱动，NVIDIA App ，0xc000007b，amd显卡驱动下载，解决游戏慢，游戏卡等问题
    58
  • 9
    基于python大数据的天气可视化分析预测系统
    58
  • 10
    AIRS/Aqua L1B 可见光/近红外 (VIS/NIR) 地理定位和校准辐射 V005 (AIRVBRAD) 在 GES DISC
    49

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    蛋白质语言模型 ProGen：在实验室合成由 AI 预测的蛋白质