RecyclerView实现可拖动滚动条并修改宽度

article/2025/9/11 23:52:31

列表拖拽.gif

本文参考了孤调的文章,链接如下:
https://www.jianshu.com/p/67e1df2b1920
基本实现了拖动的需求,但是还有一个问题就是滚动条的宽度跟需求不符,需要进行修改.但是官方并未提供相应的参数.自己动手丰衣足食,开始撸源码.
打开RecyclerView类,搜索fastScrollEnabled,定位到构造方法中的

mEnableFastScroller = a.getBoolean(R.styleable.RecyclerView_fastScrollEnabled, false);
if (mEnableFastScroller) {StateListDrawable verticalThumbDrawable = (StateListDrawable) a.getDrawable(R.styleable.RecyclerView_fastScrollVerticalThumbDrawable);Drawable verticalTrackDrawable = a.getDrawable(R.styleable.RecyclerView_fastScrollVerticalTrackDrawable);StateListDrawable horizontalThumbDrawable = (StateListDrawable) a.getDrawable(R.styleable.RecyclerView_fastScrollHorizontalThumbDrawable);Drawable horizontalTrackDrawable = a.getDrawable(R.styleable.RecyclerView_fastScrollHorizontalTrackDrawable);initFastScroller(verticalThumbDrawable, verticalTrackDrawable,horizontalThumbDrawable, horizontalTrackDrawable);}

可以看到如果mEnableFastScroller 为true会进入initFastScroller方法,我们在xml文件中设置的thumbDrawable和TrackDrawable被作为参数传入了此方法.点击进入此方法:

void initFastScroller(StateListDrawable verticalThumbDrawable,Drawable verticalTrackDrawable, StateListDrawable horizontalThumbDrawable,Drawable horizontalTrackDrawable) {if (verticalThumbDrawable == null || verticalTrackDrawable == null|| horizontalThumbDrawable == null || horizontalTrackDrawable == null) {throw new IllegalArgumentException("Trying to set fast scroller without both required drawables." + exceptionLabel());}Resources resources = getContext().getResources();new FastScroller(this, verticalThumbDrawable, verticalTrackDrawable,horizontalThumbDrawable, horizontalTrackDrawable,resources.getDimensionPixelSize(R.dimen.fastscroll_default_thickness),resources.getDimensionPixelSize(R.dimen.fastscroll_minimum_range),resources.getDimensionPixelOffset(R.dimen.fastscroll_margin));}

最后一段(最后5行)代码创建了一个FastScroller,并将ThumbDrawable,TrackDrawable作为参数传入,此外还传入了一些dimens资源,最后点击这个FastScroller类:

FastScroller(RecyclerView recyclerView, StateListDrawable verticalThumbDrawable,Drawable verticalTrackDrawable, StateListDrawable horizontalThumbDrawable,Drawable horizontalTrackDrawable, int defaultWidth, int scrollbarMinimumRange,int margin) {mVerticalThumbDrawable = verticalThumbDrawable;mVerticalTrackDrawable = verticalTrackDrawable;mHorizontalThumbDrawable = horizontalThumbDrawable;mHorizontalTrackDrawable = horizontalTrackDrawable;mVerticalThumbWidth = Math.max(defaultWidth, verticalThumbDrawable.getIntrinsicWidth());mVerticalTrackWidth = Math.max(defaultWidth, verticalTrackDrawable.getIntrinsicWidth());mHorizontalThumbHeight = Math.max(defaultWidth, horizontalThumbDrawable.getIntrinsicWidth());mHorizontalTrackHeight = Math.max(defaultWidth, horizontalTrackDrawable.getIntrinsicWidth());
mScrollbarMinimumRange = scrollbarMinimumRange;mMargin = margin;mVerticalThumbDrawable.setAlpha(SCROLLBAR_FULL_OPAQUE);mVerticalTrackDrawable.setAlpha(SCROLLBAR_FULL_OPAQUE);mShowHideAnimator.addListener(new AnimatorListener());mShowHideAnimator.addUpdateListener(new AnimatorUpdater());attachToRecyclerView(recyclerView);}

bingo!这正是我们要找的类,如下代码设置了滑块和滑轨的宽度:

mVerticalThumbWidth = Math.max(defaultWidth, verticalThumbDrawable.getIntrinsicWidth());mVerticalTrackWidth = Math.max(defaultWidth, verticalTrackDrawable.getIntrinsicWidth());

从上面的代码可以看出,滑动条的宽度采用了defaultWidth和Drawable.getIntrinsicWidth()的最大值,即fastscroll_default_thickness和Drawable宽度的最大值,但因为我的项目中用的是shape, 没有设置宽度,所以只要设置fastscroll_default_thickness即可.
在自己的dimens文件中设置R.dimen.fastscroll_default_thickness这个值,运行,效果如丝般润滑.
最后发个福利~~
dea870310db83ba61c4f68eaddd92959.jpg


http://chatgpt.dhexx.cn/article/syVGQWua.shtml

相关文章

IDEA修改配置

1.修改 bin/idea.properties---------------主要是把路径放开 # Use ${idea.home.path} macro to specify location relative to IDE installation home. # Use ${xxx} where xxx is any Java property (including defined in previous lines of this file) to refer to its v…

利用ajax修改删除页面数据,使用Jquery的Ajax实现无刷新更新,修改,删除页面

本文将向大家讲述一下最近工作的一些总结,主要包括了以下内容,注册界面以及详细信息界面的编辑。主要是介绍了AJAX技术,因为我觉得其他方面没什么好介绍的。首先是跟大家说一下Ajax的优点,假如你删除了一个页面的内容,…

代码修改RecyclerView的scrollbar颜色

因为scrollbar是view的私有内部类,所以需要动态修改RecyclerView的scrollbar颜色, 只能通过反射获取scrollbar的drawable,然后用反射着色,亲测可用,代码直接粘贴就可使用。 import android.content.Context; import an…

lvgl v8之Styling the scrollbars

Styling the scrollbars /** * Styling the scrollbars */ static void lv_example_scroll_4(void) {lv_obj_t* obj lv_obj_create(lv_scr_act()); // 创建obj对象lv_obj_set_size(obj, 200, 100); // 设置大小lv_obj_center(obj); // 居中显示lv_obj_t* label lv_…

react-custom-scrollbars 滚动条组件的简单实现

滚动条组件 参考:gitHub API说明以及大佬的API中文讲解 import "./styles.css"; import React, { useState, useEffect, useRef, useMemo } from "react"; import { Scrollbars } from "react-custom-scrollbars";export default fu…

用react-custom-scrollbars插件美化 Ant Design Table 滚动条

Ant Design Table 自带的滚动条不太美观,我们来用react-custom-scrollbars插件给它美化一下。 先看一下最终的效果,增加一下信心: 安装 react-custom-scrollbars 不多说了,直接安装插件 npm install react-custom-scrollbars -…

说说react-custom-scrollbars插件在react hooks版本中的使用

react-custom-scrollbars插件 读前说明基本使用属性介绍onScrollrenderViewrenderThumbVerticalautoHideautoHideTimeout 读前说明 github地址:https://github.com/malte-wessel/react-custom-scrollbars 作用: 快速实现被包裹区域的滚动效果 关于本…

ScrollView动态更改ScrollbarVisibility属性的Bug

原因: 启动之后发现效果并非预设的那样,原因是因为设置成Permanent后,Viewport的rectTranform发生了变化,导致不会像预设那样实现效果 结论: 最好不要动态更改ScrollbarVisibility,若一定要更改则还要额外写死Viewport…

学习子网掩码

一.子网掩码 1.含义 子网掩码(subnet mask)又叫网络掩码、地址掩码、子网络遮罩,它用来指明一个IP地址的哪些位标识的是主机所在的子网,以及哪些位标识的是主机的位掩码。子网掩码不能单独存在,它必须结合IP地址一起使用。 子网掩码是一个3…

# 子网掩码

子网掩码 1、概念简介   子网掩码又叫网络掩码、地址掩码,是一个32位地址,用于屏蔽IP地址的一部分以区别网络号和主机号,并说明该IP地址是在局域网上,还是在远程网上。子网掩码不能单独存在,它必须结合IP地址一起使…

IP与子网掩码

目录 一.IP 1.IP地址 2.IP地址的分类 二.子网掩码 1.子网掩码由32个二进制位表示 2.IP地址和子网掩码作“逻辑与”运算得到网络地址 3.网络中不同主机之间通信 4.A、B、C三类地址的默认子网掩码 5.子网划分的原因 6.子网划分的原理 7.子网掩码及相关参数对应表 8.I…

计算机子网掩码作用,什么是子网掩码?子网掩码的作用是什么?

网络工作人员经常需要处理ip和子网掩码等. 我相信大多数朋友都知道IP的含义,但仍然不了解子网掩码的含义. 希望在了解子网掩码的相关知识的基础上,希望对网络感兴趣的用户能学到一些东西. 什么是子网掩码? 子网掩码也称为网络掩码&#xff0c…

将子网掩码取反_子网掩码

1 基本介绍 子网掩码(subnet mask)是每个使用互联网的人必须要掌握的基础知识,只有掌握它,才能够真正理解TCP/IP协议的设置。以下我们就来深入浅出地讲解什么是子网掩码。 子网掩码——屏蔽一个IP地址的网络部分的“全1”比特模式。对于A类地址来说,默认的子网掩码是255.0.0…

计算机子网掩码在线,子网掩码计算器

华军软件园提供的这款子网掩码计算器可以很方便的计算子网掩码,它包含了五款经典的子网掩码计算工具,您可以自由选择,网管必备!子网掩码计算器可以自动划分A、B、C类IP,可以输出划分后的子网掩码、子网位、最多子网数、主机位、最多主机数以及所有的子网列表,并可以将结果…

计算机子网掩码作用,什么是子网掩码 子网掩码的作用是什么?

网络工作人员经常需要与ip和子网掩码等打交道,相信绝大数的朋友都知道IP的意思,但是还不理解子网掩码的意思,下面装机之家小编来为大家介绍下关于子网掩码的相关知识,希望能够对网络感兴趣的用户有所学习。 什么是子网掩码&#x…

Swift: 实现JSON转Model - HandyJSON

很多时候,我们从服务端请求下的数据都是Json格式,我们需要拿这些数据显示到我们的UI界面。 因此,我们的做法基本都会先将json转为方便使用的数据模型,或者也可以直接转字典解决。 在OC中,我们有很多优秀的第三方库帮助…

项目剖析03-swift 网络请求Moya+HandyJSON+RxSwift

项目第一版网络框架用的是siesta,它的缓存与自动刷新确实很好用而且代码很简洁,但是在文件的上传与下载以及对返回类型需要精确匹配要求这方面就很不友好,所以在第二版的我选择了Moya,它是一个网络抽象层,它在Alamofire基础上提供了一系列的抽…

HandyJSON阅读笔记

2019独角兽企业重金招聘Python工程师标准>>> HandyJSON仓库: https://github.com/alibaba/HandyJSON HandyJSON 花了一天半的时间大概阅读学习了一下阿里巴巴开源的HandyJSON库, 只能说是简单的了解一下, Swift Runtime相关的代码没有深入了解. 但是, 收获还是满满的…

iOS swift Alamofire+HandyJSON网络框架封装

iOS swift AlamofireHandyJSON网络框架封装 我们在学习Objective_C时使用的网络框架是AFNetworkingMJExtension,而在swift中AlamofireHandyJSON取代了它,如果你是第一次学习和尝试封装swift的网络框架,可能会遇到一些坑,但踩过这些…

Swift 类似HandyJSON解析Struct

Swift 类似HandyJSON解析Struct HandyJSON从源码解析Struct获取TargetStructMetadata获取TargetStructDescriptor实现TargetRelativeDirectPointerFieldDescriptor和FieldRecordfieldOffsetVectorOffset计算偏移量 代码的验证 HandyJSON HandyJSON是阿里开发的一个在swift上把…