首页 > 资讯 > 移动开发 >Android开发可添加头尾的RecycleView的实现

233

分享到

Android开发可添加头尾的RecycleView的实现

Android RecycleView添加头尾 Android RecycleView 2022-12-15 15:12:28 233人浏览薄情痞子

摘要

目录正文设计UML图代码实现1WrapperRecyclerAdapter代码实现2自定义WrapperRecycleView正文界面编码设计实现中，我们肯定会用到列表展示控件，

正文

界面编码设计实现中，我们肯定会用到列表展示控件，大家肯定用过ListView。后来Google推出了RecycleView，帮我们去做了很多优化（内置viewholder增加复用率、可以支持局部刷新、布局可以通过外层指定layout等），正常的使用，如下：

 	 MyRecycleViewAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_decorator);
        Component component = new ConCreateComponent();
        ComponentImplA impl1 = new ComponentImplA(component);
        impl1.operation();
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            list.add("position " + i);
        }
        adapter = new MyRecycleViewAdapter(this);
        adapter.setData(list);
    }
    
    public void buttonv1(View view) {
        findViewById(R.id.recycleview).setVisibility(View.VISIBLE);
        findViewById(R.id.wrapperR).setVisibility(View.GONE);
        RecyclerView recyclerView = findViewById(R.id.recycleview);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setAdapter(adapter);
    }

但是RecycleView大家发现有一个问题，我们如果想要为这个RecycleView添加自定义的头部view、尾部view的话，官方这个明显做不到，那这时我们可以考虑用装饰者模式或者继承去扩展一下。

设计UML图

首先我们通过UML图，来设计一下，设计之前想一下，我们是想要扩展RecyclerView.Adapter和RecyclerView，从而可以实现addHeadView、addFootView的功能，那么需要以下几步骤。

1）首先，由于RecyclerView.Adapter已经是一个抽象类接口，我们自己继承与它，然后进行包装定义为WrapperRecyclerAdapter类

2）WrapperRecyclerAdapter肯定要持有RecyclerView.Adapter的引用，所以需要有一个构造方法，将RecyclerView.Adapter的引用传递进来

3）由于WrapperRecyclerAdapter继承与RecyclerView.Adapter，肯定要去实现关键的方法，onCreateViewHolder（创建viewitem的holder）、onBindViewHolder（viewholder数据绑定）、getItemCount（获取列表item的数量）

4）关键的一步来了，就是使用RecyclerView.Adapter、footviews、headviews，这三者组合，重写上面的三个重要方法，给列表相应位置创建对应的item

代码实现1

WrapperRecyclerAdapter

package com.itbird.design.decorator.recycleview;
import Android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
import java.util.List;

public class WrapperRecyclerAdapter extends RecyclerView.Adapter {
    RecyclerView.Adapter adapter;
    List<View> headViews = new ArrayList<>();
    List<View> footViews = new ArrayList<>();
    public WrapperRecyclerAdapter(RecyclerView.Adapter adapter) {
        this.adapter = adapter;
        adapter.reGISterAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
            @Override
            public void onChanged() {
                notifyDataSetChanged();
            }
        });
    }
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int position) {
        //头部的，返回头部的viewholder
        if (position < headViews.size()) {
            return new WrapperViewHolder(headViews.get(position));
        }
        //adapter返回中间数据holder
        if (position >= headViews.size() && position < headViews.size() + adapter.getItemCount()) {
            return adapter.onCreateViewHolder(parent, adapter.getItemViewType(position - headViews.size()));
        }
        //尾部的，返回尾部的viewholder
        return new WrapperViewHolder(footViews.get(position - headViews.size() - adapter.getItemCount()));
    }
    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if (position < headViews.size() || position >= adapter.getItemCount() + headViews.size()) {
            return;
        }
        //头部和底部不需要做处理，只需要真实的adapter需要处理
        adapter.onBindViewHolder(holder, position - headViews.size());
    }
    @Override
    public int getItemViewType(int position) {
        return position;
    }
    @Override
    public int getItemCount() {
        return headViews.size() + footViews.size() + adapter.getItemCount();
    }
    public void addHeadView(View view) {
        if (!headViews.contains(view)) {
            headViews.add(view);
            notifyDataSetChanged();
        }
    }
    public void addFootView(View view) {
        if (!footViews.contains(view)) {
            footViews.add(view);
            notifyDataSetChanged();
        }
    }
    public void removeHeadView(View view) {
        if (headViews.contains(view)) {
            headViews.add(view);
            notifyDataSetChanged();
        }
    }
    public void removeFootView(View view) {
        if (footViews.contains(view)) {
            footViews.remove(view);
            notifyDataSetChanged();
        }
    }
    static class WrapperViewHolder extends RecyclerView.ViewHolder {
        public WrapperViewHolder(@NonNull View itemView) {
            super(itemView);
        }
    }
}

这时再去调用，发现就可以如下调用

    
    public void buttonv2(View view) {
        findViewById(R.id.recycleview).setVisibility(View.VISIBLE);
        findViewById(R.id.wrapperR).setVisibility(View.GONE);
        RecyclerView recyclerView = findViewById(R.id.recycleview);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        WrapperRecyclerAdapter wrapperRecyclerAdapter = new WrapperRecyclerAdapter(adapter);
        //这里head为什么不会全屏，因为LayoutInflater需要parent才会全屏
        wrapperRecyclerAdapter.addHeadView(LayoutInflater.from(this).inflate(R.layout.layout_header_view, recyclerView, false));
        wrapperRecyclerAdapter.addFootView(new Button(this));
        recyclerView.setAdapter(wrapperRecyclerAdapter);
//        面向对象的六大基本原则，好像不符合最小知道原则，每次调用需要去new WrapperRecyclerAdapter这样的一个包装者，这肯定是不对的，所以需要封装自己的recycleview
    }

看一下运行效果

代码实现2

这里我们发现一个问题，这样岂不是让开发者，每每次去使用的时候，new原始的adapter，还需要去new WrapperRecyclerAdapter，然后才能给recyclerView去setAdapter，面向对象的六大基本原则，好像不符合最小知道原则，每次调用需要去new WrapperRecyclerAdapter这样的一个包装者，这肯定是不对的，所以需要封装自己的recycleview。

所以我们做如下优化，将WrapperRecyclerAdapter的new操作，我们可以放入recyclerView中，这样外界开发者只需要去关心WrapperRecycleView和RecyclerView.Adapter就可以了，对于开发者来讲，只需关心RecyclerView自定义就可以了。

自定义WrapperRecycleView

自定义WrapperRecycleView，重写方法setAdapter，用于封装new WrapperRecyclerAdapter的操作

package com.itbird.design.decorator.recycleview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.recyclerview.widget.RecyclerView;

public class WrapperRecycleView extends RecyclerView {
    WrapperRecyclerAdapter wrapperRecyclerAdapter;
    public WrapperRecycleView(@NonNull Context context) {
        super(context);
    }
    public WrapperRecycleView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }
    public WrapperRecycleView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    @Override
    public void setAdapter(@Nullable Adapter adapter) {
        wrapperRecyclerAdapter = new WrapperRecyclerAdapter(adapter);
        super.setAdapter(wrapperRecyclerAdapter);
    }
    @Nullable
    @Override
    public Adapter getAdapter() {
        return wrapperRecyclerAdapter;
    }
    public void addHeadView(View view) {
        wrapperRecyclerAdapter.addHeadView(view);
    }
    public void addFootView(View view) {
        wrapperRecyclerAdapter.addFootView(view);
    }
    public void removeHeadView(View view) {
        wrapperRecyclerAdapter.removeHeadView(view);
    }
    public void removeFootView(View view) {
        wrapperRecyclerAdapter.removeFootView(view);
    }
}

调用一下

  
    public void buttonv3(View view) {
        findViewById(R.id.wrapperR).setVisibility(View.VISIBLE);
        findViewById(R.id.recycleview).setVisibility(View.GONE);
        WrapperRecycleView wrapperRecycleView = findViewById(R.id.wrapperR);
        wrapperRecycleView.setLayoutManager(new LinearLayoutManager(this));
        wrapperRecycleView.setAdapter(adapter);
        wrapperRecycleView.addHeadView(LayoutInflater.from(this).inflate(R.layout.layout_header_view, wrapperRecycleView, false));
        wrapperRecycleView.addFootView(new Button(this));
        //这时再去考虑一个事情，我们通过装饰者模式把adapter封装了一层，如果adpater有数据更新，导致变动，这时会有问题吗？
        //这时会发现，并未更新，原因是装饰类，并未做事件响应
    }

以上就是Android开发可添加头尾的RecycleView的实现的详细内容，更多关于Android RecycleView添加头尾的资料请关注编程网其它相关文章！

--结束END--

本文标题: Android开发可添加头尾的RecycleView的实现

本文链接: https://lsjlt.com/news/174967.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

回答

如何调试操作系统的错误？
操作系统

2023-11-15发布

回答

操作系统中的I/O系统是如何实现的？
操作系统

2023-11-15发布

回答

如何实现操作系统的内存管理？
操作系统

2023-11-15发布

回答

什么是虚拟内存，它对操作系统有什么影响？
操作系统

2023-11-15发布

回答

ASP中的MVC架构和WebForms架构有什么区别和使用场景？
ASP.NET

2023-11-15发布

回答

ASP中的数据验证和数据校验有什么不同？
ASP.NET

2023-11-15发布

回答

ASP中的ADO对象和DAO对象有什么区别和使用方法？
ASP.NET

2023-11-15发布

回答

Node.js中的包管理器NPM是什么？如何使用它进行依赖管理？
node.js

2023-11-15发布

回答

Vue.js中的动态组件是什么？如何使用它来动态渲染组件？
VUE

2023-11-15发布

回答

如何使用Vue.js实现懒加载和预加载？
VUE

2023-11-15发布

Android开发可添加头尾的RecycleView的实现

目录

正文

设计UML图

代码实现1

WrapperRecyclerAdapter

代码实现2

自定义WrapperRecycleView

Android开发可添加头尾的RecycleView的实现

Android移动开发recycleView的页面点击跳转设计实现

Android移动开发recycleView的页面点击跳转怎么实现

android中RecycleView添加下滑到底部的监听示例

Android开发实现ImageView加载摄像头拍摄的大图功能

Android 中RecycleView实现item的点击事件

Android开发之开发者头条(一)启动页实现

Android开发之开发者头条APP(三)实现首页

Android 使用RecycleView列表实现加载更多的示例代码

Android NDK开发之如何实现FFmpeg视频添加水印

HBuilder开发uniapp添加android的模拟器的方法

Android中实现为TextView添加多个可点击的文本

vue element 表头添加斜线的实现代码

Android 为ListView添加分段标头的方法

Android RecyclerView添加头部和底部的方法

Android开发之开发者头条(二)实现左滑菜单

Android中ActionBar和ToolBar添加返回箭头的实例代码

el-table表头添加勾选框的实现示例

Android实现为Tab添加Menu的方法

Android Camera开发实现可复用的相机组件

Mac清理软件cleanmymac x4.14.4破解版,2024年有免费cleanmymac x激活码

山东移动CM311-5-ZG_国科GK6323V100C_安卓4.4.2_免拆U盘卡刷刷机固件包

基于微信海南海口某健身房私教预约小程序系统设计与实现研究背景和意义、国内外现状

Android Studio常用快捷键、Android Studio快捷键大全

xcode15下载ios17模拟器失败

C51模拟CSGO的C4炸弹小程序

uniapp中video层级太高解决方案，适用安卓/IOS/H5

基于微信小程序化妆品商城系统设计与实现

Axios使用方法详解，从入门到进阶

微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?