Android如何实现选中项居中、带吸附效果的滑动底部导航栏？

两种可选实现路径 #

路径1：基于现有自定义CenteringTabLayout修复（适配当前代码） #

你现有代码的吸附失效核心问题是snapPoints计算逻辑存在硬编码偏移、滚动触发逻辑不稳定，修改以下几个点即可实现效果：

1. 删除onLayout方法中snapPoints.add(widthC + 19);里的硬编码+19，该固定值无法适配不同分辨率、不同tab宽度的场景，改为直接添加widthC作为吸附锚点
2. 将centerView方法中的scrollTo替换为smoothScrollTo，设置200ms滚动时长实现平滑吸附动效：

private void centerView(View view){
    int targetScrollX = getRelativeLeft(view) - sp - view.getPaddingLeft();
    smoothScrollTo(targetScrollX, 0, 200);
}

3. 删除onScrollChanged中的自定义选中逻辑，改为通过TabLayout原生OnTabSelectedListener触发居中，避免滚动过程中频繁触发点击导致的卡顿：

// 在CenteringTabLayout构造方法中添加监听
addOnTabSelectedListener(new OnTabSelectedListener() {
    @Override
    public void onTabSelected(Tab tab) {
        if (tab.view != null) {
            centerView(tab.view);
        }
    }
    @Override
    public void onTabUnselected(Tab tab) {}
    @Override
    public void onTabReselected(Tab tab) {}
});

路径2：官方ViewPager2+TabLayout组合（更优方案，维护成本最低） #

该方案不需要大量自定义逻辑，原生满足所有需求：

• 滚动吸附效果：TabLayout自带的指示器联动逻辑原生支持吸附，和你演示的动效完全匹配
• 选中居中：仅需要在tab选中回调中加少量计算逻辑即可实现
• 兼容性：官方组件适配所有Android版本、分辨率，不需要自己处理滑动冲突、布局测量问题
  配置步骤：
• 保留你现有TabLayout的xml配置，不需要自定义CenteringTabLayout，直接用原生com.google.android.material.tabs.TabLayout
• 关联ViewPager2后添加tab选中监听，实现居中逻辑，总代码量比自定义少70%，后期迭代成本极低

其他调研方案的适配性说明 #

• Bottom Navigation Bar：默认仅支持最多5个固定选项，不支持横向滚动，不匹配你的多选项滑动需求
• ViewPager+Button/ImageView+FrameLayout：需要自行实现指示器滑动、选中联动、吸附逻辑，代码量是原生方案的3倍以上，后期修改样式成本极高

内容的提问来源于stack exchange，提问作者Son of Stackoverflow