草庐IT

Android RecyclerView添加头部和底部布局,支持上拉刷新、下拉加载

惜许 2023-04-20 原文

前言

本文参考辉哥的博客RecyclerView更全解析之 - 打造通用的下拉刷新上拉加载进行实现,具体代码实现思路可查看原博客,目的是通过自定义RecyclerView自己实现添加头部添加底部上拉加载下拉刷新功能。

最终效果

具体实现

  • 自定义支持添加头部和底部的Adapter
/**
- 支持添加头部和底部的Adapter
- on 2022/11/7
*/
class WrapRecyclerAdapter(adapter: RecyclerView.Adapter<RecyclerView.ViewHolder>) :
   RecyclerView.Adapter<RecyclerView.ViewHolder>() {

   /**
    * 用来存放头部和底部的集合
    */
   private var headerView: SparseArray<View>
   private var footerView: SparseArray<View>

   //头部类型开始位置,用于viewType
   private var BASE_ITEM_TYPE_HEADER = 1000000

   //底部类型开始位置,用于viewType
   private var BASE_ITEM_TYPE_FOOTER = 2000000

   /**
    * 列表的adapter
    */
   private var adapter: RecyclerView.Adapter<RecyclerView.ViewHolder>

   init {
       this.adapter = adapter
       headerView = SparseArray()
       footerView = SparseArray()
   }


   override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
       if (isHeaderViewType(viewType)) {
           val headerView = headerView.get(viewType)
           return createHeaderFooterViewHolder(headerView)
       }
       if (isFooterViewType(viewType)) {
           val footerView = footerView.get(viewType)
           return createHeaderFooterViewHolder(footerView)
       }
       return adapter.onCreateViewHolder(parent, viewType)
   }

   /**
    * 创建头部或底部的ViewHolder
    */
   private fun createHeaderFooterViewHolder(view: View): RecyclerView.ViewHolder {
       return object : RecyclerView.ViewHolder(view) {}
   }

   override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
       //如果是头部或者底部item,不进行布局绑定
       if (isHeaderViewPosition(position) || isFooterViewPosition(position)) {
           return
       }
       val itemAdapterPosition = position - headerView.size()
       adapter.onBindViewHolder(holder, itemAdapterPosition)
   }

   override fun getItemViewType(position: Int): Int {
       if (isHeaderViewPosition(position)) {
           //如果是headerView
           return headerView.keyAt(position)
       }
       if (isFooterViewPosition(position)) {
           //如果是footerView
           val footerPosition = position - headerView.size() - adapter.itemCount
           return footerView.keyAt(footerPosition)
       }
       //则为普通adapter的ViewType
       val adapterPosition = position - headerView.size()
       return adapter.getItemViewType(adapterPosition)
   }


   override fun getItemCount(): Int {
       //条目为三者数量之和
       return adapter.itemCount + headerView.size() + footerView.size()
   }


   fun addHeaderView(view: View) {
       val position = headerView.indexOfValue(view)
       if (position < 0) {
           headerView.put(BASE_ITEM_TYPE_HEADER++, view)
       }
       notifyDataSetChanged()
   }

   fun removeHeaderView(view: View) {
       val position = headerView.indexOfValue(view)
       if (position < 0) {
           return
       }
       headerView.removeAt(position)
       notifyDataSetChanged()
   }

   fun getAdapter(): RecyclerView.Adapter<ViewHolder> {
       return adapter
   }

   fun addFooterView(view: View) {
       val position = footerView.indexOfValue(view)
       if (position < 0) {
           footerView.put(BASE_ITEM_TYPE_FOOTER++, view)
       }
       notifyDataSetChanged()
   }


   fun removeFooterView(view: View) {
       val position = footerView.indexOfValue(view)
       if (position < 0) {
           return
       }
       footerView.removeAt(position)
       notifyDataSetChanged()
   }

   private fun isHeaderViewType(viewType: Int): Boolean {
       val position = headerView.indexOfKey(viewType)
       return position >= 0
   }

   private fun isFooterViewType(viewType: Int): Boolean {
       val position = footerView.indexOfKey(viewType)
       return position >= 0
   }


   private fun isHeaderViewPosition(position: Int): Boolean {
       return position < headerView.size()
   }

   private fun isFooterViewPosition(position: Int): Boolean {
       return position >= headerView.size() + adapter.itemCount
   }


   /**
    * 解决GridLayoutManager添加头部和底部不占用一行的问题
    */
   fun adjustSpanSize(recyclerView: RecyclerView) {
       if (recyclerView.layoutManager is GridLayoutManager) {
           val layoutManager = recyclerView.layoutManager as GridLayoutManager
           layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
               override fun getSpanSize(position: Int): Int {
                   val isHeaderOrFooter =
                       isHeaderViewPosition(position) || isFooterViewPosition(position)
                   return if (isHeaderOrFooter) {
                       layoutManager.spanCount
                   } else {
                       1
                   }
               }

           }
       }
   }

  • 自定义可以添加头部和底部的RecyclerView
/**
- 可以添加头部和底部的RecyclerView
- on 2022/11/7
*/
open class WrapRecyclerView : RecyclerView {
   constructor(context: Context) : super(context)
   constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
   constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
       context,
       attrs,
       defStyleAttr
   )


   /**
    * 包裹了头部和底部的adapter
    */
   private var wrapRecyclerAdapter: WrapRecyclerAdapter? = null

   /**
    * 列表对应的list
    */
   private var mAdapter: Adapter<ViewHolder>? = null

   /**
    * 增加一些通用功能
    * 空列表数据应该显示emptyView
    * 正在加载数据页面
    */
   private var emptyView: View? = null
   private var loadView: View? = null


   private var mDataObserver = object : AdapterDataObserver() {
       override fun onChanged() {
           if (mAdapter == null) {
               return
           }
           //观察者,列表adapter更新,包裹的也需要更新
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyDataSetChanged()
           }
           dataChanged()

       }

       override fun onItemRangeRemoved(positionStart: Int, itemCount: Int) {
           if (mAdapter == null) {
               return
           }
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyItemRangeRemoved(positionStart, itemCount)
           }
           dataChanged()
       }

       override fun onItemRangeChanged(positionStart: Int, itemCount: Int) {
           if (mAdapter == null) {
               return
           }
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyItemChanged(positionStart, itemCount)
           }
           dataChanged()
       }

       override fun onItemRangeChanged(positionStart: Int, itemCount: Int, payload: Any?) {
           if (mAdapter == null) {
               return
           }
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyItemRangeChanged(positionStart, itemCount, payload)
           }
           dataChanged()
       }

       override fun onItemRangeInserted(positionStart: Int, itemCount: Int) {
           if (mAdapter == null) {
               return
           }
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyItemRangeInserted(positionStart, itemCount)
           }
           dataChanged()
       }

       override fun onItemRangeMoved(fromPosition: Int, toPosition: Int, itemCount: Int) {
           if (mAdapter == null) {
               return
           }
           if (wrapRecyclerAdapter != adapter) {
               wrapRecyclerAdapter?.notifyItemRangeRemoved(fromPosition, toPosition)
           }
           dataChanged()
       }
   }


   private fun dataChanged() {
       if (adapter?.itemCount == 0) {
           emptyView?.visibility = VISIBLE
       }
   }

   fun addEmptyView(view: View) {
       this.emptyView = view
   }

   fun addLoadingView(loadingView: View) {
       this.loadView = loadingView
       loadingView.visibility = VISIBLE
   }


   override fun setAdapter(adapter: Adapter<*>?) {
       //防止多次设置Adapter
       if (mAdapter != null) {
           mAdapter!!.unregisterAdapterDataObserver(mDataObserver)
           mAdapter = null
       }
       this.mAdapter = adapter as Adapter<ViewHolder>?

       wrapRecyclerAdapter = if (adapter is WrapRecyclerAdapter) {
           adapter
       } else {
           WrapRecyclerAdapter(adapter as Adapter<ViewHolder>)
       }
       super.setAdapter(wrapRecyclerAdapter)
       //注册一个观察者
       mAdapter!!.registerAdapterDataObserver(mDataObserver)
       //解决GridLayoutManager添加头部和底部不占据一行问题
       wrapRecyclerAdapter!!.adjustSpanSize(this)

       //加载数据页面
       if (loadView != null && loadView!!.visibility == View.VISIBLE) {
           loadView?.visibility = GONE
       }
   }

   /**
    * 添加头部
    */
   fun addHeaderView(view: View) {
       wrapRecyclerAdapter?.addHeaderView(view)
   }

   /**
    * 添加底部
    */
   fun addFooterView(view: View) {
       wrapRecyclerAdapter?.addFooterView(view)
   }

   fun removeHeaderView(view: View) {
       wrapRecyclerAdapter?.removeHeaderView(view)
   }

   fun removeFooterView(view: View) {
       wrapRecyclerAdapter?.removeFooterView(view)
   }
  • 为了更好的扩展下拉刷新,新增下拉刷新辅助抽象类
/**
- 下拉刷新的辅助类
- on 2022/11/7
*/
abstract class RefreshViewCreator {

   /**
    * 获取下拉刷新的View
    * @param context 上下文参数
    * @param parent 父容器  RecyclerView
    */
   abstract fun getRefreshView(context: Context, parent: ViewGroup): View

   /**
    * 正在下拉
    * @param currentDragHeight 当前拖动的高度
    * @param refreshViewHeight 整体刷新View的高度
    * @param currentRefreshStatus 当前状态
    *
    */
   abstract fun onPull(currentDragHeight: Int, refreshViewHeight: Int, currentRefreshStatus: Int)

   /**
    * 正在刷新中
    */
   abstract fun onRefreshing()

   /**
    * 停止刷新
    */
   abstract fun onStopRefresh()
}
  • 自定义支持下拉刷新的RefreshRecyclerView
/**
- 下拉刷新的RecyclerView
- on 2022/11/7
*/
open class RefreshRecyclerView : WrapRecyclerView {
   constructor(context: Context) : super(context)
   constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
   constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
       context, attrs, defStyleAttr
   )

   //下拉刷新的辅助类
   private var refreshCreator: RefreshViewCreator? = null

   //下拉刷新头部的高度
   private var refreshViewHeight = 0

   //下拉刷新的头部View
   private var refreshView: View? = null

   //手指按下Y的位置
   private var fingerDownY = 0

   //手指拖拽的阻力指数
   open var dragIndex = 0.35f

   //当前是否正在拖动
   private var currentDrag = false

   //当前状态
   private var currentRefreshStatus = 0

   // 默认状态
   private val REFRESH_STATUS_NORMAL = 1

   //下拉刷新状态
   private val REFRESH_STATUS_PULL_DOWN_REFRESHING = 2

   //松开刷新状态
   private val REFRESH_STATUS_LOOSEN_REFRESHING = 3

   //正在刷新状态
   private val REFRESH_STATUS_REFRESHING = 4


   fun addRefreshViewCreator(refreshViewCreator: RefreshViewCreator) {
       this.refreshCreator = refreshViewCreator
       addRefreshView()
   }

   override fun setAdapter(adapter: Adapter<*>?) {
       super.setAdapter(adapter)
       addRefreshView()
   }


   override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
       when (ev.action) {
           MotionEvent.ACTION_DOWN -> {
               //记录手指按下的位置
               fingerDownY = ev.rawY.toInt()
           }
           MotionEvent.ACTION_UP -> {
               if (currentDrag) {
                   restoreRefreshView()
               }
           }
       }
       return super.dispatchTouchEvent(ev)
   }

   /**
    * 重置当前刷新状态
    */
   private fun restoreRefreshView() {
       val currentTopMargin = (refreshView?.layoutParams as MarginLayoutParams).topMargin
       var finalTopMargin = -refreshViewHeight + 1
       if (currentRefreshStatus == REFRESH_STATUS_LOOSEN_REFRESHING) {
           finalTopMargin = 0
           currentRefreshStatus = REFRESH_STATUS_REFRESHING
           refreshCreator?.onRefreshing()
           listener?.onRefresh()
       }

       val distance = currentTopMargin - finalTopMargin

       //回弹到指定位置

       val animator: ValueAnimator =
           ObjectAnimator.ofFloat(currentTopMargin.toFloat(), finalTopMargin.toFloat())
               .setDuration(distance.toLong())
       animator.addUpdateListener {
           val currentTopMargin = it.animatedValue as Float
           setRefreshViewMarginTop(currentTopMargin.toInt())
       }

       animator.start()
       currentDrag = false

   }


   override fun onTouchEvent(ev: MotionEvent): Boolean {
       when (ev.action) {
           MotionEvent.ACTION_MOVE -> {
               //在最顶部的时候才处理,否则不需要处理
               if (canScrollUp() || currentRefreshStatus == REFRESH_STATUS_REFRESHING || refreshView == null || refreshCreator == null) {
                   //如果没有到达最顶端,也就是说还可以向上滚动就什么都不处理
                   return super.onTouchEvent(ev)
               }
               //解决下拉刷新自动滚动问题
               if (currentDrag) {
                   scrollToPosition(0)
               }
               //获取手指触摸拖拽的距离
               val distanceY = (ev.rawY - fingerDownY) * dragIndex
               //如果是已经到达头部,并且不断的向上拉,那么不断的改变refreshView的marginTop的值
               if (distanceY > 0) {
                   val marginTop = distanceY - refreshViewHeight
                   setRefreshViewMarginTop(marginTop.toInt())
                   updateRefreshStatus(distanceY)
                   currentDrag = true
                   return false
               }
           }
       }
       return super.onTouchEvent(ev)
   }


   /**
    * 更新刷新状态
    */
   private fun updateRefreshStatus(distanceY: Float) {
       currentRefreshStatus = if (distanceY <= 0) {
           REFRESH_STATUS_NORMAL
       } else if (distanceY < refreshViewHeight) {
           REFRESH_STATUS_PULL_DOWN_REFRESHING
       } else {
           REFRESH_STATUS_LOOSEN_REFRESHING
       }
       refreshCreator?.onPull(distanceY.toInt(), refreshViewHeight, currentRefreshStatus)

   }


   /**
    * 添加头部刷新View
    */
   private fun addRefreshView() {
       if (adapter != null && refreshCreator != null) {
           val refreshView = refreshCreator?.getRefreshView(context, this)
           if (refreshView != null) {
               addHeaderView(refreshView)
               this.refreshView = refreshView
           }
       }
   }

   override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
       super.onLayout(changed, l, t, r, b)
       if (refreshView != null && refreshViewHeight <= 0) {
           //获取头部刷新View的高度
           refreshViewHeight = refreshView?.measuredHeight!!
           if (refreshViewHeight > 0) {
               //隐藏头部刷新的View  marginTop 多留出1px防止无法判断是不是滑动到头部问题
               setRefreshViewMarginTop(-refreshViewHeight + 1)
           }
       }
   }

   private fun setRefreshViewMarginTop(marginTop: Int) {
       var finalMarginTop = marginTop
       val params = refreshView?.layoutParams as MarginLayoutParams
       if (finalMarginTop < -refreshViewHeight + 1) {
           finalMarginTop = -refreshViewHeight + 1
       }
       params.topMargin = finalMarginTop
       refreshView?.layoutParams = params
   }


   private fun canScrollUp(): Boolean {
       return canScrollVertically(-1) || scrollY > 0
   }


   fun onStopRefresh() {
       currentRefreshStatus = REFRESH_STATUS_NORMAL
       restoreRefreshView()
       refreshCreator?.onStopRefresh()
   }


   private var listener: OnRefreshListener? = null

   fun setOnRefreshListener(listener: OnRefreshListener) {
       this.listener = listener
   }

   interface OnRefreshListener {
       fun onRefresh()
   }
  • 具体的下拉刷新类以及布局文件
/**
* on 2022/11/7
*/
class CommonRefreshCreator : RefreshViewCreator() {
   private var refreshView: View? = null

   override fun getRefreshView(context: Context, parent: ViewGroup): View {
       val view =
           LayoutInflater.from(context).inflate(R.layout.layout_progressbar, parent,false)
       refreshView = view.findViewById(R.id.pb)
       return view
   }

   override fun onPull(currentDragHeight: Int, refreshViewHeight: Int, currentRefreshStatus: Int) {
       val rotate = currentDragHeight / refreshViewHeight
       //不断下拉的过程中不断旋转图片
       refreshView!!.rotation = (rotate * 360).toFloat()
   }

   override fun onRefreshing() {
       //刷新的时候也不断旋转
       val animation = RotateAnimation(
           0f,
           720f,
           Animation.RELATIVE_TO_SELF,
           0.5F,
           Animation.RELATIVE_TO_SELF,
           0.5f
       )
       animation.repeatCount = -1
       animation.duration = 2000
       refreshView!!.startAnimation(animation)
   }

   override fun onStopRefresh() {
       //停止的时候清除动画
       refreshView!!.rotation = 0f
       refreshView!!.clearAnimation()
   }
}

### layout_progressbar
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="80dp">

   <ProgressBar
       android:indeterminateDuration="1000"
       android:max="360"
       android:id="@+id/pb"
       android:layout_width="50dp"
       android:layout_height="50dp"
       android:layout_centerInParent="true" />
</RelativeLayout>
  • 支持上拉加载下拉刷新的RecyclerView
/**
- 支持上拉加载 下拉刷新的RecyclerView
- on 2022/11/7
*/
class LoadRefreshRecyclerView : RefreshRecyclerView {

   constructor(context: Context) : super(context)
   constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
   constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
       context,
       attrs,
       defStyleAttr
   )

   //上拉加载更多的辅助类
   private var loadViewCreator: LoadViewCreator? = null

   //上拉加载更多头部的高度
   private var loadViewHeight = 0

   //上拉加载更多的头部View
   private var loadView: View? = null

   //手指按下的位置
   private var fingerDownY = 0

   //当前是否正在拖动
   private var currentDrag = false

   //当前状态
   private var currentLoadStatus = 0

   companion object{
       //默认状态
        var LOAD_STATUS_NORMAL = 10

       //上拉加载更多状态
        var LOAD_STATUS_PULL_DOWN_REFRESH = 11

       //松开加载更多状态
        var LOAD_STATUS_LOOSEN_LOADING = 12

       //正在加载更多状态
         var LOAD_STATUS_LOADING = 13
   }

   //设置上拉加载更多
   fun addLoadViewCreator(loadViewCreator: LoadViewCreator) {
       this.loadViewCreator = loadViewCreator
       addLoadView()
   }

   override fun setAdapter(adapter: Adapter<*>?) {
       super.setAdapter(adapter)
       addLoadView()
   }

   override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
       when (ev.action) {
           MotionEvent.ACTION_DOWN -> {
               //记录手指按下的位置,之所以写在dispatchTouchEvent里是因为如果我们处理了item点击事件,那么就不会进入onTouchEvent里面,所有应该在这里处理
               fingerDownY = ev.rawY.toInt()
           }
           MotionEvent.ACTION_UP -> {
               if (currentDrag) {
                   restoreLoadView()
               }
           }
       }
       return super.dispatchTouchEvent(ev)
   }

   /**
    * 重置上拉加载更多View
    */
   private fun restoreLoadView() {
       var currentBottomMargin = (loadView?.layoutParams as MarginLayoutParams).bottomMargin
       var finalBottomMargin = 0
       if (currentLoadStatus == LOAD_STATUS_LOOSEN_LOADING) {
           currentLoadStatus = LOAD_STATUS_LOADING
           loadViewCreator?.onLoading()
           listener?.onLoad()
       }

       val distance = currentBottomMargin - finalBottomMargin
       //回弹到指定位置
       val animator =
           ObjectAnimator.ofFloat(currentBottomMargin.toFloat(), finalBottomMargin.toFloat())
               .setDuration(distance.toLong())
       animator.addUpdateListener {
           val currentTopMargin = it.animatedValue
           setLoadViewMarginBottom(currentTopMargin as Float)
       }
       animator.start()
       currentDrag = false
   }

   override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
       super.onLayout(changed, l, t, r, b)
       if (loadViewCreator != null && loadView != null) {
           loadViewHeight = loadView!!.measuredHeight
       }
   }

   override fun onTouchEvent(ev: MotionEvent): Boolean {
       when (ev.action) {
           MotionEvent.ACTION_MOVE -> {
               //当在最底部的时候才处理,否则不需要处理
               if (canScrollDown() || currentLoadStatus == LOAD_STATUS_LOADING) {
                   return super.onTouchEvent(ev)
               }
               //解决上拉加载更多自动滚动问题
               if (currentDrag) {
                   scrollToPosition(adapter!!.itemCount - 1)
               }

               //获取手指触摸拖拽的距离
               val distanceY = (ev.rawY - fingerDownY) * dragIndex
               //如果是已经到达底部,并且不断的向下拉,那么不断的改变marginBottom的值
               if (distanceY < 0) {
                   setLoadViewMarginBottom(-distanceY)
                   updateLoadStatus(-distanceY)
                   currentDrag = true
                   return true
               }
           }
       }
       return super.onTouchEvent(ev)
   }


   /**
    * 设置加载View的marginBottom
    */
   private fun setLoadViewMarginBottom(marginBottom: Float) {
       var finalMarginBottom = marginBottom.toInt()
       val marginLayoutParams = loadView!!.layoutParams as MarginLayoutParams
       if (finalMarginBottom < 0) {
           finalMarginBottom = 0
       }
       marginLayoutParams.bottomMargin = finalMarginBottom
       loadView?.layoutParams = marginLayoutParams
   }


   private fun canScrollDown(): Boolean {
       return canScrollVertically(1)
   }


   /**
    * 停止加载更多
    */
   fun onStopLoad() {
       currentLoadStatus = LOAD_STATUS_NORMAL
       restoreLoadView()
       loadViewCreator?.onStopLoad()
   }

   private fun updateLoadStatus(distanceY: Float) {
       currentLoadStatus = if (distanceY <= 0) {
           LOAD_STATUS_NORMAL
       } else if (distanceY < loadViewHeight) {
           LOAD_STATUS_PULL_DOWN_REFRESH
       } else {
           LOAD_STATUS_LOOSEN_LOADING
       }
       loadViewCreator?.onPull(distanceY.toInt(), loadViewHeight, currentLoadStatus)
   }

   private fun addLoadView() {
       if (adapter != null && loadViewCreator != null) {
           //添加底部加载更多View
           val view = loadViewCreator?.getLoadView(context, this)
           if (view != null) {
               addFooterView(view)
               this.loadView = view
           }
       }
   }

   private var listener: OnLoadMoreListener? = null
   fun setOnLoadMoreListener(listener: OnLoadMoreListener) {
       this.listener = listener
   }

   interface OnLoadMoreListener {
       fun onLoad()
   }
}
  • 上拉加载更多辅助抽象类
/**
- 上拉加载更多辅助类
- on 2022/11/8
*/
abstract class LoadViewCreator {
   /**
    * 获取上拉加载更多的View
    */
   abstract fun getLoadView(context: Context, parent: ViewGroup): View

   /**
    * 正在上拉
    * @param currentDragHeight 当前拖动的距离
    * @param loadViewHeight 总的加载高度
    * @param currentLoadStatus 当前状态
    */
   abstract fun onPull(currentDragHeight: Int, loadViewHeight: Int, currentLoadStatus: Int)

   /**
    * 正在加载中
    */
   abstract fun onLoading()

   /**
    * 停止加载
    */
   abstract fun onStopLoad()
}

  • 上拉加载更多具体实现类以及对应布局文件
class CommonLoadCreator : LoadViewCreator() {
   private var tv: TextView? = null
   private var pb: ProgressBar? = null
   private var loadView: View? = null
   override fun getLoadView(context: Context, parent: ViewGroup): View {
       val loadView: View =
           LayoutInflater.from(context).inflate(R.layout.layout_load_footer_view, parent, false)
       tv = loadView.findViewById(R.id.tv)
       pb = loadView.findViewById(R.id.pb)
       this.loadView = loadView
       return loadView
   }

   override fun onPull(currentDragHeight: Int, loadViewHeight: Int, currentLoadStatus: Int) {
       if (currentLoadStatus == LoadRefreshRecyclerView.LOAD_STATUS_PULL_DOWN_REFRESH) {
           tv?.text = "上拉加载更多"
       }
       if (currentLoadStatus == LoadRefreshRecyclerView.LOAD_STATUS_LOOSEN_LOADING) {
           tv?.text = "松开加载更多"
       }
   }

   override fun onLoading() {
       tv?.visibility = View.GONE
       pb?.visibility = View.VISIBLE
       val animation = RotateAnimation(
           0f,
           720f,
           Animation.RELATIVE_TO_SELF,
           0.5f,
           Animation.RELATIVE_TO_SELF,
           0.5f
       )
       animation.duration = 2000
       animation.repeatCount = -1
       pb?.startAnimation(animation)
   }

   override fun onStopLoad() {
       //停止加载的时候
       pb?.rotation = 0f
       pb?.clearAnimation()
       pb?.visibility = View.GONE
       tv?.text = "上拉加载更多"
       tv?.visibility = View.VISIBLE
   }
}

### layout_load_footer_view
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="60dp"
   android:gravity="center">

   <ProgressBar
       android:id="@+id/pb"
       android:layout_width="50dp"
       android:layout_height="50dp"
       android:layout_centerVertical="true"
       android:indeterminateDuration="1000"
       android:max="360" />

   <TextView
       android:id="@+id/tv"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerVertical="true"
       android:layout_marginLeft="10dp"
       android:layout_toRightOf="@+id/pb"
       android:text="上拉加载更多" />

</RelativeLayout>

测试代码

class RecyclerActivity : AppCompatActivity() {
    private val list = mutableListOf<String>()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_recycler)
        for (i in 0..50) {
            list.add("$i")
        }
        val rlv = findViewById<LoadRefreshRecyclerView>(R.id.rlv)
        rlv.layoutManager = GridLayoutManager(this, 4)
        val adapter = CommonItemAdapter(this, list)
        rlv.adapter = adapter
        val headerView =
            LayoutInflater.from(this).inflate(R.layout.layout_recycler_header, rlv, false)
        val footerView =
            LayoutInflater.from(this).inflate(R.layout.layout_recycler_footer, rlv, false)
        //设置上拉刷新
        rlv.addRefreshViewCreator(CommonRefreshCreator())
        //添加Header
        rlv.addHeaderView(headerView)
        //添加Footer
        rlv.addFooterView(footerView)
        //添加下拉加载更多 【由于内部是通过addView实现,存在添加顺序,需要注意】
        rlv.addLoadViewCreator(CommonLoadCreator())
        rlv.setOnRefreshListener(object : RefreshRecyclerView.OnRefreshListener {
            override fun onRefresh() {
                rlv.postDelayed({
                    rlv.onStopRefresh()
                }, 2000)
            }

        })
        rlv.setOnLoadMoreListener(object : LoadRefreshRecyclerView.OnLoadMoreListener {
            override fun onLoad() {
                rlv.postDelayed({
                    rlv.onStopLoad()
                }, 2000)
            }

        })

    }

}

总结

通过自己动手实现一套下拉刷新上拉加载框架,了解了RecyclerView添加Header以及Footer的实现原理,通过本次学习也看到了代码剥离拆分以及设计模式运用的重要性,写代码一定要多思考,才能写出让人赏心悦目的代码。

有关Android RecyclerView添加头部和底部布局,支持上拉刷新、下拉加载的更多相关文章

  1. ruby - 我需要将 Bundler 本身添加到 Gemfile 中吗? - 2

    当我使用Bundler时,是否需要在我的Gemfile中将其列为依赖项?毕竟,我的代码中有些地方需要它。例如,当我进行Bundler设置时:require"bundler/setup" 最佳答案 没有。您可以尝试,但首先您必须用鞋带将自己抬离地面。 关于ruby-我需要将Bundler本身添加到Gemfile中吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4758609/

  2. ruby - 将 Bootstrap Less 添加到 Sinatra - 2

    我有一个ModularSinatra应用程序,我正在尝试将Bootstrap添加到应用程序中。get'/bootstrap/application.css'doless:"bootstrap/bootstrap"end我在views/bootstrap中有所有less文件,包括bootstrap.less。我收到这个错误:Less::ParseErrorat/bootstrap/application.css'reset.less'wasn'tfound.Bootstrap.less的第一行是://CSSReset@import"reset.less";我尝试了所有不同的路径格式,但它

  3. ruby - 如何在续集中重新加载表模式? - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  4. ruby - 续集在添加关联时访问many_to_many连接表 - 2

    我正在使用Sequel构建一个愿望list系统。我有一个wishlists和itemstable和一个items_wishlists连接表(该名称是续集选择的名称)。items_wishlists表还有一个用于facebookid的额外列(因此我可以存储opengraph操作),这是一个NOTNULL列。我还有Wishlist和Item具有续集many_to_many关联的模型已建立。Wishlist类也有:selectmany_to_many关联的选项设置为select:[:items.*,:items_wishlists__facebook_action_id].有没有一种方法可以

  5. ruby - RuntimeError(自动加载常量 Apps 多线程时检测到循环依赖 - 2

    我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样?我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用,需要1秒才能返回,我有100,000多个页面要访问,所以我试图运行多个线程来解决这个问题。有更好的方法吗?classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("

  6. ruby-on-rails - 使用 config.threadsafe 时从 lib/加载模块/类的正确方法是什么!选项? - 2

    我一直致力于让我们的Rails2.3.8应用程序在JRuby下正确运行。一切正常,直到我启用config.threadsafe!以实现JRuby提供的并发性。这导致lib/中的模块和类不再自动加载。使用config.threadsafe!启用:$rubyscript/runner-eproduction'pSim::Sim200Provisioner'/Users/amchale/.rvm/gems/jruby-1.5.1@web-services/gems/activesupport-2.3.8/lib/active_support/dependencies.rb:105:in`co

  7. ruby - 可以通过多少种方法将方法添加到 ruby​​ 对象? - 2

    当谈到运行时自省(introspection)和动态代码生成时,我认为ruby​​没有任何竞争对手,可能除了一些lisp方言。前几天,我正在做一些代码练习来探索ruby​​的动态功能,我开始想知道如何向现有对象添加方法。以下是我能想到的3种方法:obj=Object.new#addamethoddirectlydefobj.new_method...end#addamethodindirectlywiththesingletonclassclass这只是冰山一角,因为我还没有探索instance_eval、module_eval和define_method的各种组合。是否有在线/离线资

  8. ruby - 如何在 Ruby 中向现有方法定义添加语句 - 2

    我注意到类定义,如果我打开classMyClass,并在不覆盖的情况下添加一些东西我仍然得到了之前定义的原始方法。添加的新语句扩充了现有语句。但是对于方法定义,我仍然想要与类定义相同的行为,但是当我打开defmy_method时似乎,def中的现有语句和end被覆盖了,我需要重写一遍。那么有什么方法可以使方法定义的行为与定义相同,类似于super,但不一定是子类? 最佳答案 我想您正在寻找alias_method:classAalias_method:old_func,:funcdeffuncold_func#similartoca

  9. ruby - nanoc 和多种布局 - 2

    是否可以为特定(或所有)项目使用多个布局?例如,我有几个项目,我想对其应用两种不同的布局。一个是绿色的,一个是蓝色的(但是)。我想将它们编译到我的输出目录中的两个不同文件夹中(例如v1和v2)。我一直在玩弄规则和编译block,但我不知道这是怎么回事。因为,每个项目在编译过程中只编译一次,我不能告诉nanoc第一次用layout1编译,第二次用layout2编译。我试过这样的东西,但它导致输出文件损坏。compile'*'doifitem.binary?#don’tfilterbinaryitemselsefilter:erblayout'layout1'layout'layout2'

  10. ruby-on-rails - 添加回形针新样式不影响旧上传的图像 - 2

    我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在,我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式?我不这么认为……或者有什么rake任务可以重新生成样式吗? 最佳答案 参见Thumbnail-Generation.如果rake任务不适合你,你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司

随机推荐