【项目FJU】使用SwipeRefreshLayout+RecyclerView制作下拉刷新上拉加载更多

2024-09-03 14:58
文章标签 加载 使用 项目 刷新 制作 上拉 recyclerview swiperefreshlayout fju

本文主要是介绍【项目FJU】使用SwipeRefreshLayout+RecyclerView制作下拉刷新上拉加载更多，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

效果截图

https://github.com/ydslib/Jianshu/tree/develop

需要用到的知识

  • setColorSchemeResources：设置下拉刷新进度条的颜色
  • setOnRefreshListener：设置下拉刷新监听
  • android:overScrollMode：设置滑动到边缘时无效果模式
  • ContentLoadingProgressBar：内容加载进度条，继承ProgressBar，该进度在显示时将以最短时间内显示，在消失时最短时间内消失，避免了UI闪烁。
  • 设置上拉加载更多进度条颜色
mProgressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(mContext,R.color.f_font_tabbar_text_selected), PorterDuff.Mode.MULTIPLY);
  • progressBar的style
        <!-- 默认的进度条风格. 这是一个中等的圆形进度条 --><attr name="progressBarStyle" format="reference" /><!-- 水平进度条风格. 这是一个水平的进度条. --><attr name="progressBarStyleHorizontal" format="reference" /><!-- 小型进度条风格. 这是一个小型的圆形进度条 --><attr name="progressBarStyleSmall" format="reference" /><!-- 标题样式的小ProgressBar。 这是一个小的圆形进度条，将放置在标题栏中。 --><attr name="progressBarStyleSmallTitle" format="reference" /><!-- 大ProgressBar样式。 这是一个很大的圆形进度条 --><attr name="progressBarStyleLarge" format="reference" /><!-- 反ProgressBar样式。 这是一个中等的圆形进度栏。 --><attr name="progressBarStyleInverse" format="reference" /><!--小型反向ProgressBar样式。 这是一个小的圆形进度栏。 --><attr name="progressBarStyleSmallInverse" format="reference" /><!-- 大的反向ProgressBar样式。 这是一个很大的圆形进度栏。 --><attr name="progressBarStyleLargeInverse" format="reference" />
  • android:elevation：设置控件阴影
  • newState的三种状态
//空闲，RecyclerView空闲时返回的状态值，RecyclerView完全停止
public static final int SCROLL_STATE_IDLE = 0;
//拖拽，RecyclerView滑动时返回的状态值
public static final int SCROLL_STATE_DRAGGING = 1;
//停止，RecyclerView停止时返回的状态值，此时手指已经离开屏幕，但RecyclerView可能由于惯性依然在滑动
public static final int SCROLL_STATE_SETTLING = 2;

代码实现

  • SwipeRefreshLayout+RecyclerView布局
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><androidx.swiperefreshlayout.widget.SwipeRefreshLayoutandroid:id="@+id/swipe_refresh_layout"android:layout_width="match_parent"android:layout_height="match_parent"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/recyclerview"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#fff"android:overScrollMode="never"/></androidx.swiperefreshlayout.widget.SwipeRefreshLayout></androidx.constraintlayout.widget.ConstraintLayout>
  • RecyclerView加载Adapter
        mRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));dataBOList = MakeListDataDAO.parseMakeListData(getContext());mAdapter = new ArticleAdapter(getActivity(),dataBOList);mRecyclerView.setAdapter(mAdapter);
  • 下拉刷新
        mRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {@Overridepublic void onRefresh() {dataBOList.clear();dataBOList.addAll(MakeListDataDAO.refreshMakeListData(getContext()));mAdapter.notifyDataSetChanged();mRefreshLayout.setRefreshing(false);}});mRefreshLayout.setColorSchemeResources(R.color.f_font_tabbar_text_selected);
  • 上拉加载更多监听
/*** Created by yds* on 2020/3/24.*/
public abstract class OnLoadMoreListener extends RecyclerView.OnScrollListener {private int countItem;private int lastItem;private boolean isScrolled = false;private static boolean isAllScreen = false;private RecyclerView.LayoutManager mLayoutManager;protected abstract void onLoading(int countItem, int lastItem);@Overridepublic void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {if (newState == RecyclerView.SCROLL_STATE_DRAGGING || newState == RecyclerView.SCROLL_STATE_SETTLING) {isScrolled = true;isAllScreen = true;} else {isScrolled = false;}}@Overridepublic void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {if (recyclerView.getLayoutManager() instanceof LinearLayoutManager) {mLayoutManager = recyclerView.getLayoutManager();countItem = mLayoutManager.getItemCount();lastItem = ((LinearLayoutManager) mLayoutManager).findLastCompletelyVisibleItemPosition();}if (isScrolled && countItem != lastItem && lastItem == countItem - 1) {onLoading(countItem, lastItem);}}public static boolean isAllScreen(){return isAllScreen;}
  • 上拉加载更多
       mRecyclerView.addOnScrollListener(new OnLoadMoreListener() {@Overrideprotected void onLoading(int countItem, int lastItem) {Handler handler = new Handler();handler.postDelayed(new Runnable() {@Overridepublic void run() {dataBOList.addAll(MakeListDataDAO.refreshMakeListData(getContext()));mAdapter.notifyDataSetChanged();if (mRefreshLayout.isRefreshing()){mRefreshLayout.setRefreshing(false);}}},3000);}});
  • Adapter
/*** Created by yds* on 2020/3/10.*/
public class ArticleAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {private Context mContext;private static final int TYPE_CONTENT = 0;private static final int TYPE_FOOTER = 1;private List<MakeListDataBO> mDataBOList;public ArticleAdapter(Context mContext, List<MakeListDataBO> dataBOList) {this.mContext = mContext;this.mDataBOList = dataBOList;}@NonNull@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
//        View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_adapter_item_article, parent, false);
//        return new ViewHolder(view);if (viewType == TYPE_CONTENT){View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_adapter_item_article, parent, false);return new ViewHolder(view);}else{View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_adapter_item_footer, parent, false);return new FootViewHolder(view);}}@Overridepublic void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {if (getItemViewType(position)==TYPE_FOOTER){FootViewHolder viewHolder = (FootViewHolder) holder;viewHolder.mProgressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(mContext,R.color.f_font_tabbar_text_selected), PorterDuff.Mode.MULTIPLY);}else{ViewHolder viewHolder = (ViewHolder) holder;Glide.with(mContext).load(mDataBOList.get(position).getHeadUrl()).thumbnail(0.3f).into(viewHolder.mCircleImageView);viewHolder.mUserName.setText(mDataBOList.get(position).getUserName());viewHolder.mTime.setText(mDataBOList.get(position).getTime());viewHolder.mAbstract.setText(mDataBOList.get(position).getAbstractStr());List<String> mList = mDataBOList.get(position).getList();viewHolder.mImageView.setImagesData(mList);}}@Overridepublic int getItemCount() {return mDataBOList.size() + 1;}@Overridepublic int getItemViewType(int position) {if (position == mDataBOList.size()&& OnLoadMoreListener.isAllScreen()) {return TYPE_FOOTER;}return TYPE_CONTENT;}public class ViewHolder extends RecyclerView.ViewHolder {private MultiImageView mImageView;private CirCleImageView mCircleImageView;private TextView mUserName;private TextView mTime;private TextView mAbstract;//        private RecyclerView mRecyclerView;public ViewHolder(@NonNull View itemView) {super(itemView);mImageView = itemView.findViewById(R.id.image_three);mCircleImageView = itemView.findViewById(R.id.circle_img);mUserName = itemView.findViewById(R.id.user_name);mTime = itemView.findViewById(R.id.time);mAbstract = itemView.findViewById(R.id.abstract_article_tv);
//            mRecyclerView = itemView.findViewById(R.id.image_recyclerview);}}public class FootViewHolder extends RecyclerView.ViewHolder {private ContentLoadingProgressBar mProgressBar;public FootViewHolder(@NonNull View itemView) {super(itemView);mProgressBar = itemView.findViewById(R.id.load_more_progress);}}
}

源码地址：https://github.com/ydslib/Jianshu/tree/develop

这篇关于【项目FJU】使用SwipeRefreshLayout+RecyclerView制作下拉刷新上拉加载更多的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

原文地址:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.chinasem.cn/article/1133277。

相关文章

Qt之QMessageBox的具体使用

Qt之QMessageBox的具体使用

《Qt之QMessageBox的具体使用》本文介绍Qt中QMessageBox类的使用,用于弹出提示、警告、错误等模态对话框,具有一定的参考价值,感兴趣的可以了解一下... 目录1.引言2.简单介绍3.常见函数4.按钮类型（QMessage::StandardButton）5.分步骤实现弹窗6.总结1.引言
阅读更多...
Python使用Reflex构建现代Web应用的完全指南

Python使用Reflex构建现代Web应用的完全指南

《Python使用Reflex构建现代Web应用的完全指南》这篇文章为大家深入介绍了Reflex框架的设计理念,技术特性,项目结构,核心API,实际开发流程以及与其他框架的对比和部署建议,感兴趣的小伙... 目录什么是 ReFlex？为什么选择 Reflex？安装与环境配置构建你的第一个应用核心概念解析组件
阅读更多...
Qt中Qfile类的使用

Qt中Qfile类的使用

《Qt中Qfile类的使用》很多应用程序都具备操作文件的能力,包括对文件进行写入和读取,创建和删除文件,本文主要介绍了Qt中Qfile类的使用,具有一定的参考价值,感兴趣的可以了解一下... 目录1.引言2.QFile文件操作3.演示示例3.1实验一3.2实验二【演示 QFile 读写二进制文件的过程】4.
阅读更多...
spring security 超详细使用教程及如何接入springboot、前后端分离

spring security 超详细使用教程及如何接入springboot、前后端分离

《springsecurity超详细使用教程及如何接入springboot、前后端分离》SpringSecurity是一个强大且可扩展的框架,用于保护Java应用程序,尤其是基于Spring的应用... 目录1、准备工作1.1 引入依赖1.2 用户认证的配置1.3 基本的配置1.4 常用配置2、加密1. 密
阅读更多...
WinForms中主要控件的详细使用教程

WinForms中主要控件的详细使用教程

《WinForms中主要控件的详细使用教程》WinForms(WindowsForms)是Microsoft提供的用于构建Windows桌面应用程序的框架,它提供了丰富的控件集合,可以满足各种UI设计... 目录一、基础控件1. Button (按钮)2. Label (标签)3. TextBox (文本框
阅读更多...
使用Vue-ECharts实现数据可视化图表功能

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts？1. 基于 ECharts，功能强大2. 更符合 Vue
阅读更多...
如何合理使用Spring的事务方式

如何合理使用Spring的事务方式

《如何合理使用Spring的事务方式》：本文主要介绍如何合理使用Spring的事务方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、介绍1.1、底层构造1.1.事务管理器1.2.事务定义信息1.3.事务状态1.4.联系1.2、特点1.3、原理2. Sprin
阅读更多...
Vue中插槽slot的使用示例详解

Vue中插槽slot的使用示例详解

《Vue中插槽slot的使用示例详解》：本文主要介绍Vue中插槽slot的使用示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、插槽是什么二、插槽分类2.1 匿名插槽2.2 具名插槽2.3 作用域插槽三、插槽的基本使用3.1 匿名插槽
阅读更多...
springboot+vue项目怎么解决跨域问题详解

springboot+vue项目怎么解决跨域问题详解

《springboot+vue项目怎么解决跨域问题详解》：本文主要介绍springboot+vue项目怎么解决跨域问题的相关资料,包括前端代理、后端全局配置CORS、注解配置和Nginx反向代理,... 目录1. 前端代理（开发环境推荐）2. 后端全局配置 CORS（生产环境推荐）3. 后端注解配置（按接口
阅读更多...
使用WPF实现窗口抖动动画效果

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2