Kotlin--›Android 超轻,超好用,超简洁,超超超级RecyclerView分割线ItemDecoration封装

在这里插入图片描述

需求分析

如图所示的:

  1. 101(共2人) 这一行, 顶部有 一块白色区域, 可以当做是分割线
  2. 101(共2人) 这一行, 底部有一个很细的分割线, 差不多撑满了一行
  3. 人物信息 这一行, 首次出现时, 只有底部有分割线, 而且还是 非撑满一行的效果
  4. 人物信息 这一行, 最后出现时, 底部没有分割线

不出意外, 很多同学的实现方式, 都是在 布局的xml中, 用padding maring backgroud 实现.

但是遇到这种相同type类型的item, 只有中间有分割线, 最后一条没有分割线的情况, 估计就有点棘手了.

莫慌, 看完本文, 你能轻松应对各种恶心的分割线.

具体实现

继承 RecyclerView.ItemDecoration , 实现 核心的 getItemOffsets onDraw onDrawOver 方法, 通常 只需要实现 getItemOffsets onDraw 即可. 如果需要悬停效果, 才需要实现 onDrawOver

为了让封装更轻量, 所以, 我并打算有任何实际操作方法.
只做核心业务的封装, 具体实现 丢给调用者.

    override fun onDraw(canvas: Canvas, parent: RecyclerView, state: RecyclerView.State) {
        eachChildViewHolder(parent) { beforeViewHolder, viewHolder, afterViewHolder ->
            eachItemDoIt.invoke(canvas, parent, state, null, beforeViewHolder, viewHolder, afterViewHolder, false)
        }
    }

    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        eachChildViewHolder(parent, view) { beforeViewHolder, viewHolder, afterViewHolder ->
            eachItemDoIt.invoke(null, parent, state, outRect, beforeViewHolder, viewHolder, afterViewHolder, false)
        }
    }

核心方法

    fun eachChildViewHolder(
        parent: RecyclerView,
        targetView: View? = null,/*指定目标, 则只回调目标前后的ViewHolder*/
        callback: (
            beforeViewHolder: RecyclerView.ViewHolder?,
            viewHolder: RecyclerView.ViewHolder,
            afterViewHolder: RecyclerView.ViewHolder?
        ) -> Unit
    ) {

        val childCount = parent.childCount
        for (i in 0 until childCount) {
            val child = parent.getChildAt(i)
            val childViewHolder = parent.findContainingViewHolder(child)

            childViewHolder?.let {

                //前一个child
                var beforeViewHolder: RecyclerView.ViewHolder? = null
                //后一个child
                var afterViewHolder: RecyclerView.ViewHolder? = null

                if (i >= 1) {
                    beforeViewHolder = parent.findContainingViewHolder(parent.getChildAt(i - 1))
                }
                if (i < childCount - 1) {
                    afterViewHolder = parent.findContainingViewHolder(parent.getChildAt(i + 1))
                }

                if (targetView != null) {
                    if (targetView == child) {
                        callback.invoke(beforeViewHolder, it as RBaseViewHolder, afterViewHolder)
                        return
                    }
                } else {
                    callback.invoke(beforeViewHolder, it as RBaseViewHolder, afterViewHolder)
                }
            }
        }
    }

通过此方法, 到RecyclerView触发onDraw时, 枚举界面上的所有childView, 并且计算拿到 前一个后一个 childViewviewHolder 对象.(如果有)

这样就可以通过 ViewHolder.getItemViewType 来区分, 各个item的类型, 也能够通过,
前一个比较, 判断是否是同类型的第一个位置
后一个比较, 判断是否是同类型的最后一个位置

有个你想要的各种信息, 绘制分割线的事, 就交给 canvas 吧.

完整代码

class DslItemDecoration : RecyclerView.ItemDecoration() {

    val paint: Paint = Paint(Paint.ANTI_ALIAS_FLAG)
    val tempDrawRect = Rect()

    /**
     * 将3个方法, 合一调用. 通过参数, 来区分是那一个方法.
     *
     * outRect 不为空时, 是 getItemOffsets 方法
     * canvas 不为空时, 是 onDrawOver onDraw
     * isOverDraw 控制是否是 onDrawOver
     * */
    var eachItemDoIt: (
        canvas: Canvas?, parent: RecyclerView, state: RecyclerView.State, outRect: Rect?,
        beforeViewHolder: RecyclerView.ViewHolder?,
        viewHolder: RecyclerView.ViewHolder,
        afterViewHolder: RecyclerView.ViewHolder?,
        isOverDraw: Boolean
    ) -> Unit =
        { _, _, _, _, _, _, _, _ -> }

    override fun onDrawOver(canvas: Canvas, parent: RecyclerView, state: RecyclerView.State) {
        eachChildRViewHolder(parent) { beforeViewHolder, viewHolder, afterViewHolder ->
            eachItemDoIt.invoke(canvas, parent, state, null, beforeViewHolder, viewHolder, afterViewHolder, true)
        }
    }

    override fun onDraw(canvas: Canvas, parent: RecyclerView, state: RecyclerView.State) {
        eachChildRViewHolder(parent) { beforeViewHolder, viewHolder, afterViewHolder ->
            eachItemDoIt.invoke(canvas, parent, state, null, beforeViewHolder, viewHolder, afterViewHolder, false)
        }
    }

    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        eachChildRViewHolder(parent, view) { beforeViewHolder, viewHolder, afterViewHolder ->
            eachItemDoIt.invoke(null, parent, state, outRect, beforeViewHolder, viewHolder, afterViewHolder, false)
        }
    }

    fun eachChildViewHolder(
        parent: RecyclerView,
        targetView: View? = null,/*指定目标, 则只回调目标前后的ViewHolder*/
        callback: (
            beforeViewHolder: RecyclerView.ViewHolder?,
            viewHolder: RecyclerView.ViewHolder,
            afterViewHolder: RecyclerView.ViewHolder?
        ) -> Unit
    ) {

        val childCount = parent.childCount
        for (i in 0 until childCount) {
            val child = parent.getChildAt(i)
            val childViewHolder = parent.findContainingViewHolder(child)

            childViewHolder?.let {

                //前一个child
                var beforeViewHolder: RecyclerView.ViewHolder? = null
                //后一个child
                var afterViewHolder: RecyclerView.ViewHolder? = null

                if (i >= 1) {
                    beforeViewHolder = parent.findContainingViewHolder(parent.getChildAt(i - 1))
                }
                if (i < childCount - 1) {
                    afterViewHolder = parent.findContainingViewHolder(parent.getChildAt(i + 1))
                }

                if (targetView != null) {
                    if (targetView == child) {
                        callback.invoke(beforeViewHolder, it as RBaseViewHolder, afterViewHolder)
                        return
                    }
                } else {
                    callback.invoke(beforeViewHolder, it as RBaseViewHolder, afterViewHolder)
                }
            }
        }
    }
}

调用例子

public fun RecyclerView.dslItemDecoration(init: DslItemDecoration.() -> Unit) {
    addItemDecoration(DslItemDecoration().apply {
        init()
    })
}
dslItemDecoration {
   val line = getDimen(R.dimen.wt_line)
   eachItemDoIt = { canvas, _, _, outRect, _, viewHolder, afterViewHolder, _ ->
       if (viewHolder.itemViewType == R.layout.item_info_group_head) {
           outRect?.set(0, 10 * dpi, 0, line)

           tempDrawRect.set(
               0,
               viewHolder.itemView.top - 10 * dpi,
               viewHolder.itemView.right,
               viewHolder.itemView.top
           )
           paint.color = getColor(R.color.wt_dark_bg)
           canvas?.drawRect(tempDrawRect, paint)

           tempDrawRect.set(
               0,
               viewHolder.itemView.top - line,
               viewHolder.itemView.right,
               viewHolder.itemView.top
           )
           paint.color = getColor(R.color.wt_line)
           canvas?.drawRect(tempDrawRect, paint)

           tempDrawRect.set(
               0,
               viewHolder.itemView.bottom,
               viewHolder.itemView.right,
               viewHolder.itemView.bottom - line
           )
           canvas?.drawRect(tempDrawRect, paint)

       } else if (viewHolder.itemViewType == R.layout.item_info_single_text) {
           if (afterViewHolder?.itemViewType == R.layout.item_info_single_text) {
               outRect?.set(0, 0, 0, line)

               paint.color = getColor(R.color.wt_line)
               tempDrawRect.set(
                   25 * dpi,
                   viewHolder.itemView.bottom,
                   viewHolder.itemView.right,
                   viewHolder.itemView.bottom - line
               )

               canvas?.drawRect(tempDrawRect, paint)
           }
       }
   }
}

结束…


群内有各(pian)种(ni)各(jin)样(qun)的大佬,等你来撩.

联系作者

点此快速加群

请使用QQ扫码加群, 小伙伴们都在等着你哦!

关注我的公众号, 每天都能一起玩耍哦!

已标记关键词 清除标记
课程简介: 历经半个多月的时间,Debug亲自撸的 “企业员工角色权限管理平台” 终于完成了。正如字面意思,本课程讲解的是一个真正意义上的、企业级的项目实战,主要介绍了企业级应用系统中后端应用权限的管理,其中主要涵盖了六大核心业务模块、十几张数据库表。 其中的核心业务模块主要包括用户模块、部门模块、岗位模块、角色模块、菜单模块和系统日志模块;与此同时,Debug还亲自撸了额外的附属模块,包括字典管理模块、商品分类模块以及考勤管理模块等等,主要是为了更好地巩固相应的技术栈以及企业应用系统业务模块的开发流程! 核心技术栈列表: 值得介绍的是,本课程在技术栈层面涵盖了前端和后端的大部分常用技术,包括Spring Boot、Spring MVC、Mybatis、Mybatis-Plus、Shiro(身份认证与资源授权跟会话等等)、Spring AOP、防止XSS攻击、防止SQL注入攻击、过滤器Filter、验证码Kaptcha、热部署插件Devtools、POI、Vue、LayUI、ElementUI、JQuery、HTML、Bootstrap、Freemarker、一键打包部署运行工具Wagon等等,如下图所示: 课程内容与收益: 总的来说,本课程是一门具有很强实践性质的“项目实战”课程,即“企业应用员工角色权限管理平台”,主要介绍了当前企业级应用系统中员工、部门、岗位、角色、权限、菜单以及其他实体模块的管理;其中,还重点讲解了如何基于Shiro的资源授权实现员工-角色-操作权限、员工-角色-数据权限的管理;在课程的最后,还介绍了如何实现一键打包上传部署运行项目等等。如下图所示为本权限管理平台的数据库设计图: 以下为项目整体的运行效果截图: 值得一提的是,在本课程中,Debug也向各位小伙伴介绍了如何在企业级应用系统业务模块的开发中,前端到后端再到数据库,最后再到服务器的上线部署运行等流程,如下图所示:
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:上身试试 返回首页