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

2024-05-16 02:16:03

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

本文参考链接：

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

效果图

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

分割线写法

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

demo地址：

最终说明

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

目前存在的问题

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

PS：近期会更新本代码，原代码因为某些原因已经从库里删除，短期内会更新新的代码地址，关注的同学敬请期待。谢谢

RecyclerView自定义Grid（网格）布局分割线相关推荐

CSS Grid 网格布局全解析
一.介绍 CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格. Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列.它还能使我们在不改变任何HTML的情 ...
CSS Grid网格布局全攻略
CSS Grid网格布局全攻略所有奇技淫巧都只在方寸之间. 几乎从我们踏入前端开发这个领域开始,就不停地接触不同的布局技术.从常见的浮动到表格布局,再到如今大行其道的flex布局,css布局技术一直 ...
CSS Grid网格布局详解
Grid 布局又称网格布局,是W3C提出的一个二维布局系统,它与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置.但是,它们也存在重大区别.Flex 布局是轴线布局,只能指定" ...
CSS的Grid网格布局
Grid网格布局就是通过设置百分比,或者默认划分的单位个数,来达到宽度自适应的效果比如,页面控件的宽度,设置自适应随着显示器的宽度的增加而增加,网页永远占满整个屏幕 .searchContentR ...
CSS—— grid 网格布局
文章目录 1. grid 网格布局 1. grid 网格布局 display:grid grid 属性是以下属性的简写属性,默认: grid-gap , none,[200px]网格之间的距离 gri ...
《十二》CSS3 Grid 网格布局
网格布局将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局. Flex 布局是轴线布局,只能指定项目针对轴线的位置,可以看作是一维布局.适用于一个方向上的布局. Grid布局则是将容 ...
CSS Grid 网格布局完整教程
前言一.概述二.基本概念 2.1 容器和项目 2.2 行和列 2.3 单元格 2.4 网格线三.容器属性 3.1 display 属性 3.2 行与列属性定义明文定义百分比定义 repeat ...
轻松上手CSS Grid网格布局
今天刚好要做一个好多div格子错落组成的布局,不是田字格,不是九宫格,12个格子这样子,看起来有点复杂.关键的是笔者有点懒,要写那么多div和css真是不想下手啊.多看了两眼,这布局不跟网格挺像吗?c ...
grid网格布局。逆战班
grid网格布局是什么网格布局是最强大的 CSS 布局方案. 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局.以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了.G ...
前端之css grid网格布局
grid网格布局一.创建 CSS 网格 1.说明 2.创建 CSS 网格二.添加网格结构(行和列) 1. 在父容器中设置列 2. 在父容器中设置行 3. 使用 CSS 网格单位设置列和行的大小三 ...

最新文章

热门文章