美文网首页
RecyclerView自定义Grid(网格)布局分割线

RecyclerView自定义Grid(网格)布局分割线

作者: Divine_Yang | 来源:发表于2019-01-08 21:31 被阅读0次

这次主要是介绍分割线的写法以及recyclerView的删除和添加功能。

本文参考链接:

Android RecyclerView 使用完全解析 体验艺术般的控件
ItemDecoration解析(一) getItemOffsets
RecyclerView 更新单个item时,闪烁问题的处理
getIntrinsicWidth()和getIntrinsicHeight()方法理解误区

效果图


点击添加在列表末尾增加一个新的item,每个item右上角可删除该item。

分割线写法

其实RecyclerView的分割线,可以理解为是通过动态设置每个item的padding来实现的的,如果需要改变颜色的话,需要重写ItemDecoration中的onDraw方法

demo地址:https://gitee.com/divine_yang/ExtraDemo

最终说明

注意:如果使用到了删除和添加两个功能,在删除时,尝试了5.0.2和9.0系统的模拟器以及8.0系统的华为手机,会出现删除后ui的残留情况。是因为给recyclerView设置了背景的缘故

目前存在的问题

当使用删除和新增动画时,该分割线存在一个问题及在动画进行时,会出现分割线,待list刷新完成后,恢复正常

相关文章

  • RecyclerView自定义Grid(网格)布局分割线

    这次主要是介绍分割线的写法以及recyclerView的删除和添加功能。 本文参考链接: Android Recy...

  • RecyclerView自定义Grid网格布局分割线

    引用的 https://www.jianshu.com/p/a436f5cec559 public class I...

  • Grid网格布局学习

    Grid网格布局学习 引言 本文不对grid布局由来以及优劣做过多的介绍,仅介绍grid网格布局的用法及其效果显示...

  • CSS Grid网格布局

    参考资料 CSS Grid 网格布局教程 - 阮一峰 概述 网格布局(Grid)是最强大的 CSS 布局方案。 它...

  • Grid布局

    CSS Grid(网格) 布局(又称为 “Grid(网格)” ),是一个二维的基于网格的布局系统它的目标是完全改变...

  • CSS Grid 布局

    CSS Grid(网格) 布局(又称为 “Grid(网格)” ),是一个二维的基于网格的布局系统它的目标是完全改变...

  • CSS Grid 网格布局

    CSS Grid 网格布局教程

  • [CSS]之Grid布局

    网格布局(Grid)将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局 一、Grid布局与Flex...

  • grid布局

    一、容器属性:display:grid ;网格布局display:inline-grid ;行内 // 网格列宽g...

  • 九宫格拖拽

    效果实例 简单了解Grid布局(网格布局) 什么是网格布局 CSS网格布局(又称“网格”),是一种二维网格布局系统...

网友评论

      本文标题:RecyclerView自定义Grid(网格)布局分割线

      本文链接:https://www.haomeiwen.com/subject/wpsvrqtx.html