TabLayout 切换抖动，教你一招轻松修复

Android

2023-12-19 07:36:54

大家好，我是 [你的名字] ，一名专注于 Android 开发的技术博客作者。今天，我要来解决一个困扰了许多开发者的疑难杂症：TabLayout 切换抖动问题 。

如果你在使用 TabLayout 和 ViewPager 组件时遇到过这种现象，那么你一定深有体会。当你在选项卡之间切换时，选项卡栏会以一种令人讨厌的方式轻微抖动。虽然这个抖动很短暂，但它会严重影响用户体验，让你的应用显得不够精致。

经过一番深入的调查，我终于找到了修复此问题的有效方法。今天，我将毫无保留地与你分享这个方法，助你轻松解决 TabLayout 切换抖动 问题。

问题根源

要解决问题，我们必须先了解其根源。经过仔细分析，我发现 TabLayout 切换抖动 问题是由以下两个因素共同造成的：

TabLayout 的 invalidate 方法 ：在更新选项卡数据后，TabLayout 会调用 invalidate 方法。此方法会使 TabLayout 无效，迫使其重新绘制。
ViewPager 的 setCurrentItem 方法 ：在切换选项卡时，ViewPager 会调用 setCurrentItem 方法。此方法会强制 ViewPager 切换到当前选项卡对应的页面。

当这两个方法结合使用时，就会触发一个问题。TabLayout 在无效化后，ViewPager 就会强制它重新绘制。然而，TabLayout 在重新绘制过程中仍然保留了其之前的偏移量。这就导致了选项卡在切换时出现轻微抖动。

修复方法

既然我们已经了解了问题的根源，现在就可以着手解决它了。修复方法非常简单：在调用 setCurrentItem 方法之前，先手动调用 TabLayout 的 invalidate 方法 。

通过这种方法，我们可以在 ViewPager 切换到新页面之前强制 TabLayout 重新绘制。这样，TabLayout 就会使用正确的偏移量进行绘制，从而消除抖动现象。

以下是我更新后的代码片段：

TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);

tabLayout.setupWithViewPager(viewPager);

// 在调用 setCurrentItem 方法之前，先手动调用 TabLayout 的 invalidate 方法
tabLayout.invalidate();
viewPager.setCurrentItem(2); // 切换到第三个选项卡

只需添加这一行代码 tabLayout.invalidate();，你就可以轻松修复 TabLayout 切换抖动 问题。