解决安卓刷新recyclerView时导致itemDecoration分栏标题绘制错乱（重叠和隔空现象）

news2024/11/15 9:18:16

安卓的 itemDecoration 装饰器是个好东西，可以与adapter适配器一样闪耀。但是刷新的时候有可能发生重叠绘制或者莫名隔空的BUG。

三、原作

本文分栏标题装饰器的原作者为简书博主endeavor等人：

https://www.jianshu.com/p/8a51039d9e68

二、隔空

紧接着第二天又发现隔空现象，会导致界面整个咯噔数跳。

原来还是 getItemOffsets 的问题。子项位置没有正确获取。recyclerView有数个获取子视图位置的办法：vh.getLayoutPosition、vh.getBindingAdapterPosition等，其中getLayoutPosition是调用层次最浅的，但可能会发生问题。

由于使用的分页存可以恢复位置，recyclerView可能会同时向上和向下增长。但是当向上增长完成，调用adapter.notifyItemRangeChanged等待刷新之时，已绑定位置的子视图并未重新绑定，储存的position变量没有更新，此时去调用vh.getLayoutPosition或lp.getViewLayoutPosition，等同于刻舟求剑，会出现各种问题。

所以调用getBindingAdapterPosition即可，这才是正解啊，只能说多歧路……

以下是问题解决后的成果，十分流畅，我甚至还拓展出了标星、标识星期几等功能：

【视频】

安卓自定义分栏标题装饰器recyclerView为何如此强大

一、重叠

/** org. author: Endeavor et al. date: 2018/9/25*/
public class TitleItemDecoration extends RecyclerView.ItemDecoration {
……
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
        if (isFirst(position)) {
            outRect.top = titleHeight;
        } else {
            outRect.top = 1;
        }
    }

本例绘制错乱的原因是 getItemOffsets 调用了但是没有生效：

BUG解决前。将错乱部分滚动出屏幕，再滚动回来才恢复正常。

这种bug一般情况不会发生，只有在刷新列表（整个重建）、但又恢复之前的浏览位置（通过appxmod/Paging分页库恢复时间线位置）的时候发生。

结果就是分栏标题绘制到上面一行里面去了。解决的方法其实很简单，（但还是要动脑子的），一开始尝试recyclerView.removeItemDecorator，然后各种延时刷新装饰器，虽然可以，但即便64毫秒的延时也会导致界面咯噔一跳。

	recyclerView.removeItemDecoration(browser.decoration);
	recyclerView.postDelayed(new Runnable() {
		@Override
		public void run() {
			recyclerView.addItemDecoration(browser.decoration);
			recyclerView.requestLayout();
			recyclerView.invalidateItemDecorations();
			recyclerView.invalidate();
		}
	}, 64);

正确答案是可以在itemDecoration的绘制逻辑处判断，看 getItemOffsets 方法是否生效，是否成功地空出一段距离以供绘制装饰，如果没有，则调用 recyclerView.invalidateItemDecorations 并立即返回。

以下是我扩展的分栏标题装饰器，扩展后不但解决了上述问题，还使文本正确地垂直居中、文字本身还可以添加圆角背景矩形、添加bPinTitle控制是否吸顶悬停第一个标题栏（默认开启）、添加bPinTitleSlide变量控制悬停时标题栏是否可被挤出（默认关闭，虽然缓慢挤出去的效果很丝滑，但当快速滚动，不断挤出时，跳动太过明显，所以关闭了）：

接着还可以扩展，比如增加自定义绘制回调，可以绘制星期几、几天前、收藏星级等等。

package com.knziha.plod.widgets;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.TypedValue;
import android.view.View;

import androidx.appcompat.app.GlobalOptions;
import androidx.recyclerview.widget.RecyclerView;

/** org. author: Endeavor et al. date: 2018/9/25 
	已无限拓展 by K. */
public class TitleItemDecoration extends RecyclerView.ItemDecoration {
	public float paddingLeft;
	public int textBackground;
	public float textCorner;
	private int titleHeight;
	private int titleFontSz;
	public boolean bPinTitle = true;
	public boolean bPinTitleSlide = false;
	public final Paint bgPaint = new Paint();
	public final Paint bgPaint1 = new Paint();
	public final Paint textPaint = new Paint();
	//public final Rect textRect = new Rect();
	public final RectF tmpRect = new RectF();
	private TitleDecorationCallback callback;
	
	public interface TitleDecorationCallback {
		boolean isSameGroup(int prevPos, int thePos);
		String getGroupName(int position);
	}

    public TitleItemDecoration(Context context
			, TitleDecorationCallback callback
		    , int textColor
		    , int bgColor
	) {
        this.callback = callback;
		titleHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 30, context.getResources().getDisplayMetrics());
		//final int titleFontSz = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, context.getResources().getDisplayMetrics());
		titleFontSz = titleHeight*2/3;
		
        textPaint.setTextSize(titleFontSz);
        textPaint.setAntiAlias(true);
        textPaint.setColor(textColor);
	
		//descent = (int) textPaint.getFontMetrics().descent;

		bgPaint.setAntiAlias(true);
        bgPaint.setColor(bgColor);
    }

    // 这个方法用于给item隔开距离，类似直接给item设padding
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = ((RecyclerView.LayoutParams) view.getLayoutParams()).getBindingAdapterPosition();
        if (isFirst(position)) {
            outRect.top = titleHeight;
        } else {
            outRect.top = 1;
        }
    }

    /** 绘制分栏标题
	 *  https://www.jianshu.com/p/b46a4ff7c10a
	 *  https://juejin.cn/post/6844903929797410823*/
    @Override
    public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
		final  int childCount = parent.getChildCount();
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();
		View view, viewAbove=null; RecyclerView.LayoutParams params;
        for (int i = 0, position; i < childCount; i++) {
            view = parent.getChildAt(i);
            params = (RecyclerView.LayoutParams) view.getLayoutParams();
            position = params.getViewLayoutPosition();
            if (isFirst(position)) {
				float bottom = view.getTop();
				if(viewAbove!=null && bottom-viewAbove.getBottom()<titleHeight/2) {
					//CMN.debug("purView clash!!!", bottom-purView.getBottom(), titleHeight);
					parent.invalidateItemDecorations();
					break;
				}
				final String name = callback.getGroupName(position);
                float top = bottom - titleHeight;
				float x = view.getPaddingLeft() + paddingLeft;
				float y = top + titleHeight/2 - (textPaint.descent() + textPaint.ascent()) / 2;
				
				
                canvas.drawRect(left, top, right, bottom, bgPaint);
				if (textBackground!=0) {
					bgPaint1.setColor(textBackground);
					float pad = 5f * GlobalOptions.density;
					float padY = titleHeight/8;
					if (textCorner != 0) {
						tmpRect.set(x-pad, top+padY, x+textPaint.measureText(name)+pad, bottom-padY);
						canvas.drawRoundRect(tmpRect
								, textCorner, textCorner, bgPaint1);
					} else {
						canvas.drawRect(x-pad, top+padY, x+textPaint.measureText(name)+pad, bottom-padY, bgPaint1);
					}
				}
				
				canvas.drawText(name, x, y, textPaint);
            }
			viewAbove = view;
        }
    }
	
	/** 绘制悬浮停靠效果 */
    @Override
    public void onDrawOver(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
		if (bPinTitle) {
			RecyclerView.ViewHolder vh = ViewUtils.getFirstViewHolder(parent);
			int position = vh==null?-1:vh.getLayoutPosition();
			if (position <= -1 || position >= parent.getAdapter().getItemCount() - 1) { // sanity check
				return;
			}
			View firstView = vh.itemView;
			
			final int left = parent.getPaddingLeft();
			final int right = parent.getWidth() - parent.getPaddingRight();
			int top = parent.getPaddingTop();
			int bottom = top + titleHeight;
			String name = callback.getGroupName(position);
			
			if (isFirst(position + 1)) {
				if (bPinTitleSlide) {
					if (firstView.getBottom() < titleHeight) {
						// 这里有bug,mTitleHeight过高时 滑动有问题 【原注】
						int d = firstView.getHeight() - titleHeight;
						top = firstView.getTop() + d;
						bottom = firstView.getBottom();
					}
				} else if(firstView.getBottom() < titleHeight*2/3){
					// 直接替换
					name = callback.getGroupName(position+1);
				}
			}
			canvas.drawRect(left, top, right, bottom, bgPaint);
			
			float x = left + firstView.getPaddingLeft() + paddingLeft;
			float y = top + titleHeight/2 - (textPaint.descent() + textPaint.ascent()) / 2;
			
			if (textBackground!=0) {
				bgPaint1.setColor(textBackground);
				float pad = 5f * GlobalOptions.density;
				float padY = titleHeight/8;
				if (textCorner != 0) {
					tmpRect.set(x-pad, top+padY, x+textPaint.measureText(name)+pad, bottom-padY);
					canvas.drawRoundRect(tmpRect
							, textCorner, textCorner, bgPaint1);
				} else {
					canvas.drawRect(x-pad, top+padY, x+textPaint.measureText(name)+pad, bottom-padY, bgPaint);
				}
			}
			
			canvas.drawText(name, x, y, textPaint);
		}
    }

    /** 判断是否是同一组的第一个item */
    private boolean isFirst(int position) {
		return position == 0 || !callback.isSameGroup(position - 1, position);
    }
}

使用：

decoration = new TitleItemDecoration(a, new TitleItemDecoration.TitleDecorationCallback() {
	@Override
	public boolean isSameGroup(int prvPos, int thPos) {
		return prvPos/5==thPos/5;
		// 比较时间即可
	}
	@Override
	public String getGroupName(int position) {
		return "group"+position;
		// 打印时间即可
	}
}, Color.RED, Color.White); 
recyclerView.raddItemDecoration(decoration);
decoration.bPinTitle = true; // 悬停标题
decoration.textBackground = Color.BLUE; // 字体背景
decoration.textCorner = GlobalOptions.density * 3;  // 圆角背景
decoration.paddingLeft = GlobalOptions.density*30; // paddingLeft

//其中 `GlobalOptions.density` 是自己写的工具类，没有的话替换成  `context.getResources().getDisplayMetrics().density` 也行。

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Java+MySQL基于ssm的残疾人管理系统

Java+MySQL基于ssm的残疾人管理系统

我国残疾人人口数量相当巨大,据中残联给出的数据,我国约有8500万残疾人。残疾人是社会弱势群体,并且数量庞大影响人数众多,如何能更好的对这些残疾人进行关注和帮助他们更好的生活是当下社会研究的一个主要问题之一,于是我们提出了残疾人信息管理系统的设计与开发。 本课题是一…
阅读更多...
内核驱动修改内存

内核驱动修改内存

概述 本文会利用内核驱动进行读写取第三方应用内存。 内核实现会使用内联汇编 所以对于内核数据结构每个windwos版本不一样需要判断&#xff0c;本文使用19041所写代码。 命令行&#xff1a;winver 即可查看你当前的版本&#xff0c;如下图19042.631 就是构建版本号 或者调用…
阅读更多...
痞子衡嵌入式：低功耗高性能边缘人工智能应用的新答案 - MCXN947

痞子衡嵌入式：低功耗高性能边缘人工智能应用的新答案 - MCXN947

大家好&#xff0c;我是痞子衡&#xff0c;是正经搞技术的痞子。今天痞子衡给大家介绍的是恩智浦MCX系列MCU的新品MCXN947。 自 2015 年恩智浦和飞思卡尔合并成新恩智浦之后&#xff0c;关于它们各自的 Arm Cortex-M 内核通用微控制器代表作系列 LPC 和 Kinetis 接下来怎么发展…
阅读更多...
数据结构 | 链式二叉树【递归的终极奥义】

数据结构 | 链式二叉树【递归的终极奥义】

递归——这就是俄罗斯套娃吗&#x1f62e;&#x1f333;链式二叉树的结构及其声明&#x1f333;链式二叉树的四种遍历方式&#x1f4d5;先序遍历&#xff08;先根遍历&#xff09;递归算法图解&#x1f4d5;中序遍历&#xff08;中根遍历&#xff09;&#x1f4d5;后序遍历&…
阅读更多...
TIA PORTAL 导出导入数据块

TIA PORTAL 导出导入数据块

1.导出&#xff1a;选择要导出的数据块鼠标右键-->从块生成源-->仅所选块或包含所有关联块-->最后选择数据块的存储路径保存 2.导入&#xff1a;选外部源文件-->添加新的外部文件-->选择要导入的数据块文件-->单击文件鼠标右键-->从源生成块&#xff0c;最…
阅读更多...
Vue3——ref(),reactive(),watch(),computed()的使用

Vue3——ref(),reactive(),watch(),computed()的使用

都需要先引入才能使用 ref()函数 作用&#xff1a;创建一个响应式变量&#xff0c;使得某个变量在发生改变时可以同步发生在页面上 模板语句中使用这个变量时可以直接使用变量名来调用&#xff0c;在setup内部调用时则需要在变量明后面加上一个.value获取它的值&#xff0c;原…
阅读更多...
记录一次使用卷积神经网络进行图片二分类的实战

记录一次使用卷积神经网络进行图片二分类的实战

写在前面 笔者目前就读的专业是软件工程&#xff0c;并非人工智能专业&#xff0c;但是由于对人工智能有兴趣&#xff0c;于是课下进行了一些自学。正巧最近有些闲暇时间&#xff0c;就想着使用自学的内容做个小型的实战。这篇文章的主要目的也就是从一个入门者的角度&#xf…
阅读更多...
【C++】list

【C++】list

本期就来讲讲list的使用技巧 文章目录list的介绍及使用list的介绍list迭代器失效list的模拟实现list与vector的对比我们前面知道迭代器是一个像指针一样的东西&#xff0c;但是在C里面&#xff0c;出来string和vector&#xff0c;其他类都不能 将迭代器当成指针使用&#xff0c…
阅读更多...
二叉树的非递归与相关oj

二叉树的非递归与相关oj

&#x1f9f8;&#x1f9f8;&#x1f9f8;各位大佬大家好&#xff0c;我是猪皮兄弟&#x1f9f8;&#x1f9f8;&#x1f9f8; 文章目录一、二叉树相关oj①二叉搜索树与双向链表②前序遍历和中序遍历构造二叉树二、二叉树的非递归①前序遍历非递归②中序遍历非递归③后序遍历非…
阅读更多...
简单的算法思想 - 利用快慢指针解决问题 - 寻找链表中的中间节点，回文序列，倒数第k个节点 - 详解

简单的算法思想 - 利用快慢指针解决问题 - 寻找链表中的中间节点，回文序列，倒数第k个节点 - 详解

文章目录1. 寻找链表中倒数第K个节点1.1. 思路分析1.2 代码实现2. 寻找链表中的中间结点2.1 思路概述2.2 代码实现3. 链表的回文结构3.1 思路分析3.2 代码实现总结✨✨✨学习的道路很枯燥&#xff0c;希望我们能并肩走下来&#xff01; 本文通过寻找链表中的中间节点&#xff0…
阅读更多...
汽车托运网址

汽车托运网址

开发工具(eclipse/idea/vscode等)&#xff1a; 数据库(sqlite/mysql/sqlserver等)&#xff1a; 功能模块(请用文字描述&#xff0c;至少200字)&#xff1a; 基于Web的汽车托运网站的设计与实现 网站前台&#xff1a;关于我们、联系我们、公告信息、卡车类型、卡车信息、运输评论…
阅读更多...
【语音处理】一种增强的隐写及其在IP语音隐写中的应用(Matlab代码实现）

【语音处理】一种增强的隐写及其在IP语音隐写中的应用(Matlab代码实现）

&#x1f468;‍&#x1f393;个人主页&#xff1a;研学社的博客 &#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜…
阅读更多...
Effective Objective-C 2.0学习记录（一）

Effective Objective-C 2.0学习记录（一）

48.多用块枚举&#xff0c;少用for循环for循环快速枚举&#xff08;快速遍历&#xff09;基于块的遍历方式在编程中经常需要用到列举collection&#xff08;NSArray、NSDictionary、NSSet等&#xff09;中的元素&#xff0c;当前的Objective-C语言有多种办法实现此功能&#xf…
阅读更多...
【专栏】核心篇09| 怎么保证缓存与DB的数据一致性

【专栏】核心篇09| 怎么保证缓存与DB的数据一致性

计算机类PDF整理&#xff1a;【详细&#xff01;&#xff01;】计算机类PDF整理 Redis专栏合集 【专栏】01| Redis夜的第一章 【专栏】基础篇02| Redis 旁路缓存的价值 【专栏】基础篇03| Redis 花样的数据结构 【专栏】基础篇04| Redis 该怎么保证数据不丢失&#xff08;上…
阅读更多...
Python -- 模块和包

Python -- 模块和包

目录 1.Python中的模块 1.1 import 1.3 from...import * 1.4 as别名 2.常见的系统模块和使用 2.1 OS模块 2.2 sys模块 2.3 math模块 2.4 random模块 2.5 datetime模块 2.6 time模块 2.7 calendar模块 2.8 hashlib模块 2.9 hmac模块 2.10 copy模块 3.pip命令的使…
阅读更多...
【机器学习---01】机器学习

【机器学习---01】机器学习

文章目录1. 什么是机器学习&#xff1f;2. 机器学习分类2.1 基本分类2.2 按模型分类2.3 其他分类(不重要)3. 机器学习三要素4. 监督学习的应用(分类、标注、回归问题)1. 什么是机器学习&#xff1f; 定义&#xff1a;给定训练集D&#xff0c;让计算机从一个函数集合F {f1(x)&…
阅读更多...
虚拟机打不开，提示“此主机不支持虚拟化实际模式”的详细解决方法

虚拟机打不开，提示“此主机不支持虚拟化实际模式”的详细解决方法

虚拟机打不开&#xff0c;提示“此主机不支持虚拟机实际模式”的解决方法 一、第一种情况安装/启动虚拟机失败&#xff0c; 在VMWare软件中&#xff0c;安装/启动虚拟机时&#xff0c;如果出以类似以下的错误提示&#xff1a; 出现该提示是由于电脑不支持虚拟化技术或是相关功…
阅读更多...
IDEA报错：类文件具有错误的版本 61.0,应为52.0

IDEA报错：类文件具有错误的版本 61.0,应为52.0

springboot项目启动报错&#xff1a; 类文件具有错误的版本 61.0,应为52.0 请删除该文件或确保该文件位于正确的类路径子目录中 查阅了网上的很多资料&#xff0c;普遍原因说是springboot版本过高&#xff0c;高于3.0 需要在pom文件中降低版本 也有说是idea的maven配置java版…
阅读更多...
网购商城网站

网购商城网站

开发工具(eclipse/idea/vscode等)&#xff1a; 数据库(sqlite/mysql/sqlserver等)&#xff1a; 功能模块(请用文字描述&#xff0c;至少200字)&#xff1a;
阅读更多...
【Python机器学习】层次聚类AGNES、二分K-Means算法的讲解及实战演示（图文解释 附源码）

【Python机器学习】层次聚类AGNES、二分K-Means算法的讲解及实战演示（图文解释 附源码）

需要源码和数据集请点赞关注收藏后评论区留言私信~~~ 层次聚类 在聚类算法中&#xff0c;有一类研究执行过程的算法&#xff0c;它们以其他聚类算法为基础&#xff0c;通过不同的运用方式试图达到提高效率&#xff0c;避免局部最优等目的&#xff0c;这类算法主要有网格聚类和…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023