如何用GridView/RecyclerView实现视图高度大于滚动条且可正常滚动

需求说明：实现视图高度与滚动条相互独立，滚动条总高度小于视图高度，仍可精准控制视图滚动，类似哈曼车载信息娱乐系统设置菜单的效果：

基于RecyclerView/GridView的实现方案 #

原生RecyclerView、GridView的默认滚动条高度与视图高度强绑定，无法直接实现该效果，但可以通过隐藏原生滚动条、自定义独立滚动条的方式实现：

• 第一步：关闭组件自带滚动条，布局中设置android:scrollbars="none"，或动态调用setVerticalScrollBarEnabled(false)
• 第二步：单独实现自定义滚动条控件，分为固定高度的轨道、可滑动的滑块两部分：轨道高度按需求设置为小于视图高度的数值，滑块高度根据列表总内容高度、可见高度按比例计算，需设置最小高度保证触摸操作的可用性
• 第三步：双向绑定滚动联动逻辑
  • 列表滚动时，计算当前滚动偏移占总可滚动距离的比例，同步更新滑块在轨道上的位置
  • 滑块被拖拽/触发滚动操作时，根据滑块的位置比例计算对应的列表滚动偏移量，调用列表的scrollBy/scrollToPosition方法控制滚动，同时增加边界判断避免滚动超出内容范围
• 第四步：车载场景适配，可额外增加滑块触摸热区、旋钮/遥控器操作的精度校准，适配车载交互的操作习惯

其他可行实现方案 #

如果不想基于原有列表组件改造，可选择以下方案：

• 自定义ScrollView封装：重写ScrollView的computeVerticalScrollRange、computeVerticalScrollOffset、computeVerticalScrollExtent三个方法，修改返回的滚动参数，让系统滚动条显示为你需要的高度，内部嵌套RecyclerView/GridView即可，需要注意处理两者的滑动冲突
• Jetpack Compose实现：使用Compose的LazyColumn/LazyGrid承载列表内容，配合官方Scrollbar组件可直接自定义轨道高度、滑块规则，只需绑定列表的滚动状态即可实现效果，实现成本远低于原生View体系
• 全自定义View绘制：如果是交互逻辑固定的菜单类页面，可直接自定义View，自主绘制内容区域、滚动条，自行处理触摸事件，自由度最高，适合车载这类对交互定制要求高的场景

内容的提问来源于stack exchange，提问作者mbob98