如何使用ViewPager2删除TabLayout上的滚动条？

ViewPager2 是 Android Jetpack 库中的一个组件，它提供了一种方便的方式来展示多个页面，并且支持滑动切换。TabLayout 则是用于在屏幕顶部显示标签页的组件。默认情况下，TabLayout 可能会显示一个滚动条，这在某些设计中可能不是期望的效果。

要删除 TabLayout 上的滚动条，可以通过自定义 TabLayout 的样式来实现。以下是具体的步骤和示例代码：

步骤 1: 创建自定义样式

首先，在 res/values/styles.xml 文件中创建一个新的样式，继承自 Widget.MaterialComponents.TabLayout，并设置 tabIndicatorColor 和 tabTextAppearance 属性来移除滚动条。

<style name="NoScrollTabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="tabIndicatorColor">@android:color/transparent</item>
    <item name="tabTextAppearance">@style/NoScrollTabTextAppearance</item>
</style>

<style name="NoScrollTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textColor">@color/tab_text_color</item>
    <item name="textAllCaps">false</item>
</style>

步骤 2: 应用自定义样式

在布局文件中，将 TabLayout 的样式设置为刚刚创建的自定义样式。

<TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/NoScrollTabLayout"
    app:tabMode="fixed" />

步骤 3: 关联 ViewPager2 和 TabLayout

确保你的 ViewPager2 和 TabLayout 已经正确关联。通常，你会使用 TabLayoutMediator 来同步 ViewPager2 和 TabLayout。

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

new TabLayoutMediator(tabLayout, viewPager,
    (tab, position) -> tab.setText("Tab " + (position + 1))
).attach();

步骤 4: 移除滚动条（可选）

如果你想要完全移除滚动条，包括指示器，你可以进一步自定义 TabLayout 的样式，例如设置 tabIndicatorHeight 为 0。

<style name="NoScrollTabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="tabIndicatorHeight">0dp</item>
    <!-- 其他属性 -->
</style>