快速滚动滑块（Fast ScrollThumb）的实现

最新推荐文章于 2024-08-18 10:43:14 发布
最新推荐文章于 2024-08-18 10:43:14 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： Android 文章标签： chromium webkit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fantasy_116/article/details/47089307
版权
本文介绍了快速滚动滑块（Fast ScrollThumb）的原理和交互设计，分析了其在Android应用中的重要性。文章提供了两种实现方式，一种是将ScrollThumb作为单独的view，另一种是将其作为image绘制。通过对比不同浏览器的实现，强调了实现过程中的注意事项和优缺点。附带了demo下载链接。
摘要由CSDN通过智能技术生成

Fast ScrollThumb

一 Fast ScrollThumb简介

  随着智能终端的日益普及，人们更多地使用手机上网，读小说，购物等等，这些网页往往也会比较长，由于智能终端屏幕的限制，很多APP都会提供一个快速滚动滑块（Fast ScrollThumb），便于用户快速移动页面，定位到想要的页面位置。然而Fast ScrollThumb 并未成为系统的标准控件，需要应用开发者自己去实现。下面基于Android系统的APP，分析一下Fast ScrollThumb的实现。

 

二 Fast ScrollThumb的交互

  对于普通APP当页面显示超出屏幕的内容时，都会在右边显示一个滚动条（ScrollBar），如图1所示。但是这个滚动除了让用户感知到，提示用户还有更多内容以及大概的当前内容占所有内容的比例。然而这样的滚动条也许并不是用户真正想要的，如果这时存在能让用户可以拖动的滚动条，用来快速滚动页面定位到用户想要的位置，就像facebook那样，如图2所示。

 

图1 普通滚动条

最低0.47元/天 解锁文章
Fantasy_116
关注
专栏目录
autojs左右滑动脚本代码_基于AutoJs过滑块快手极速版脚本
weixin_39593469的博客
02-06 2937
快手极速版邀请码： 2rvxaem脚本不是我原创，说实话我也没看明白，是一个好心的网友给我的。让我参考，他既然这么无私我也无私点。把源码给大家公开一下，大家能学多少算多少吧！一起学习进步。不废话直接贴代码：//坐标机型：华为P10//检查无障碍权限申请auto.waitFor();//设置屏幕宽度高度setScreenMetrics(1080, 1920);//常量设置var AppName = ...
Android 之 Fast Scroll 、字母索引栏
jfj545的专栏
01-17 1316
列表快速滚动，是比较常见的需求，特别是在通讯录上。 现在 Android 好多 APP 都是字母索引栏，其实字母索引是 IOS 那边的规范，很多人觉得好用就抄过来了。 在 Android 上原生的是叫 Fast Scroll ，特点是默认隐藏的，也没有一排的字母显示出来，只能在划动列表时出现。 Fast Scroll 实现方法： 继承 ListActivity （普通的 A
Android中滑屏实现----手把手教你如何实现触摸滑屏以及Scroller类详解
dylancao的专栏
07-05 2790
转载出处：http://blog.csdn.net/qinjuning                 前言：  虽然本文标题的有点标题党的感觉，但无论如何，通过这篇文章的学习以及你自己的实践认知，写个简单的滑屏小    Demo还是just so so的。           友情提示：             在继续往下面读之前，希望您对以下
FastScroll：为Android RecyclerView带来高效滚动体验
最新发布
gitblog_00790的博客
08-18 293
FastScroll：为Android RecyclerView带来高效滚动体验 FastScrollA ListView-like FastScroller for Android’s RecyclerView.项目地址:https://gitcode.com/gh_mirrors/fa/FastScroll 项目介绍 FastScroll 是一个为 Android 的 RecyclerVie...
Android:Fast ListView scroll without ViewHolder Pattern
hz0324的专栏
08-01 843
public View newView(Context context, Cursor cursor, ViewGroup parent) { View view = LayoutInflater.from(context).inflate(R.layout_my_view, null); TextView tv = (TextView) view.find
(转)android:fastScrollEnabled和android:drawSelectorOnTop的用法
Elvis写代码
08-04 984
http://enki-ding-yeah-net.iteye.com/blog/1269811 android:fastScrollEnabled="true" 是让ListView出现快速滚动的按钮，一开始，我的记录只有十条，我在拉动的时候都不见出现快速滚动，后来才发现，原因是数据不多的原因，只要数据足够多，才会自动出现的。   还有一个属性：android
android ListView的右边滚动滑块启用方法 分享
09-05
为了提高用户体验，ListView提供了快速滚动（Fast Scroll）功能，即标题中提到的“右边滚动滑块”。这个功能可以让用户通过一个小滑块快速浏览并跳转到列表的特定位置，尤其是在数据项众多的情况下非常实用。下面将...
易语言滚动条滑块大小设置源码 简单实现分组框滚动条-易语言
06-11
本教程将详细介绍如何在易语言中设置滚动条滑块的大小，并通过提供的源码——"滚动条demo.e"进行实例讲解。 首先，我们需要了解易语言中滚动条的基本属性。滚动条有两个主要属性与滑块大小有关： 1. 最小值...
设置MSHFlexGrid滚动条滑块大小的源码
11-02
然而，MSHFlexGrid控件的默认滚动条滑块大小可能并不符合所有用户的需求，特别是在显示大量数据时，小的滑块可能使得滚动操作不便。为了解决这个问题，我们可以编写源码来自定义滑块的大小，提高用户体验。 首先，...
SpringBoot实现滑块验证码.zip
01-15
springboot实现滑块验证码，后端随机生成抠图和带有抠图阴影的背景图片，后台保存随机抠图位置坐标，前端实现滑动交互，将抠图拼在抠图阴影之上，获取到用户滑动距离值。前端将用户滑动距离值传入后端，后端校验误差...
滑动条 Slide 实现了垂直滑动条 水平滑动条 同时实现了文字随之上下左右移动
06-21
1 滑动条: WinUI的按钮实现为CWUISlide 此示例提供以下功能: 根据不同的XML配置 实现了各个滑动效果 parameter: xml书写方式 xml: <widget class "CWUISlide" name " " Vertical " " Min " " Max " " Cur " " OperText " " skin " " > 1 class "CWUISlide": 控件的类名 widget class name 2 name " ": 控件名称 the name of widget 3 Vertical " ": 默认是水平滑动条true:垂直滑动条 false:水平滑动条 4 Min " " 滑动条的最小值 水平滑动条的话就是最左端的值 垂直滑动条就是最低端的值 默认 5 Max " " 滑动条的最大值 水平滑动条的话就是最右端的值 垂直滑动条就是最顶端的值 默认 6 Cur " " 滑动条的当前位置 默认为最小值 7 OperText " " 是否移动文字层和文字层信息随着滑块移动而改变 如果要文本自动移动请设置文本的目标区域默认不对文本层操作 详细实现请看WUISlide h源码">1 滑动条: WinUI的按钮实现为CWUISlide 此示例提供以下功能: 根据不同的XML配置 实现了各个滑动效果 parameter: xml书写方式 xml: <widget class "CWUISlide" name " " Vertical " " Min " " Max " " Cur [更多]
FastScroll:适用于Android RecyclerView的类似ListView的FastScroller
04-13
快速滚动 类似于ListView的FastScroller，用于Android的RecyclerView。 FastScroll通过Lollipop样式的滚动条和节“气泡”视图将Android的ListView流行的快速滚动和节索引功能引入RecyclerView。 滚动条提供了一个控件，用于在气泡视图显示当前可见的节索引时快速浏览列表。 FastScroll受此启发。 下载 Gradle： dependencies { implementation ' com.l4digital.fastscroll:fastscroll:2.0.1 ' } Maven： < dependency> < groupId>com.l4digital.fastscroll</ groupId> < artifactId>fastscroll</ artifactId>
滚动条ScrollBar 样式设计-Thumb的设计
weixin_30576859的博客
08-22 618
　　在设计滚动调试的时候，中间滑块Thumb的样式一致设计的不好看，最终终于研究出来，Thumb的样式也应该通过模板来控制，才能达到理想的控制效果 <Track.Thumb> <Thumb BorderBrush="{TemplateBinding Background}" ...
Android 开发技巧之 手动拖动滚动条快速滑动
pengjianbosoft的专栏
09-26 3696
android手动拖动滚动条快速滑动 只需在ListView中加入一个参数 android:fastScrollEnabled="true"  android:focusable="true" android的源代码如下： 在contacts_list_content
Android之ScrollBar
倚风语的专栏
09-01 8442
无论是ListView还是ScrollView等视图都有提供滚动条设置功能。
超级简单易学、适合各种の文字滚动滑屏html效果
LYH4988的博客
04-28 611
超级简单易学的文字滚动滑屏 先上效果图，样式可以自己编写 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"&g...
android选择滚动条,android TextView 带滚动条，和ScrollView 用法（暂时觉得ScrollView滑动速度比较快）...
weixin_33920303的博客
05-25 566
本来是想做一个显示文字信息的，当文字很多时View的高度不能超过一个固定的值，当文字很少时View的高度小于那个固定值时，按View的高度显示。因为ScrollView没有maxHeight，无法满足需求，只好另找方法了。View本身是可以设置ScrollBar，这样就不一定需要依赖ScrollView了。TextView有个属性maxLine，这样也就满足了需求了，只要设置一个TextView带...
css简易的进度条
qq_45723045的博客
10-22 845
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-eq...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值