按钮点击切换Viewpager2的Fragment及TabLayout样式修改方法

完全可以。ViewPager2的页面切换逻辑本身是独立的，TabLayout只是官方封装的联动控件，不是必选依赖。
实现逻辑非常简单：

• 可以用任意可点击控件（普通Button、MaterialButton、RadioButton甚至自定义View）作为切换触发入口
• 核心调用ViewPager2自带的*setCurrentItem(int position, boolean smoothScroll)*方法即可，第一个参数传目标Fragment对应的索引（从0开始计数），第二个参数传true会带平滑滚动动画，传false会直接跳转无动画

核心代码示例（Kotlin/Java逻辑一致）：

val viewPager2 = findViewById<ViewPager2>(R.id.view_pager)
// 跳转到第一个页面
btnPage1.setOnClickListener {
    viewPager2.setCurrentItem(0, true)
}
// 跳转到第二个页面
btnPage2.setOnClickListener {
    viewPager2.setCurrentItem(1, true)
}
// 跳转到第三个页面
btnPage3.setOnClickListener {
    viewPager2.setCurrentItem(2, true)
}

如果需要滑动ViewPager2时同步更新按钮的选中状态（比如切换按钮背景、文字样式），给ViewPager2注册页面变化回调即可：

viewPager2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    override fun onPageSelected(position: Int) {
        super.onPageSelected(position)
        // 重置所有按钮状态
        btnList.forEach { it.isSelected = false }
        // 给当前页面对应的按钮设置选中态
        btnList[position].isSelected = true
    }
})

这个方案完全可行，不需要自定义复杂控件，基于Material组件库的TabLayout调整属性、配置背景即可实现：

• 第一步：配置TabLayout基础属性，关闭默认底部指示器，设置选项间距
  注意使用Material组件库的TabLayout，不要用已废弃的旧support库控件，核心配置如下：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    app:tabMode="scrollable"
    app:tabGravity="center"
    app:tabIndicatorHeight="0dp"
    app:tabSpacing="12dp" <!-- 控制选项之间的间距，按需调整数值 -->
    app:tabMinWidth="0dp"
    app:tabPaddingHorizontal="20dp"
    app:tabTextColor="#666666"
    app:tabSelectedTextColor="#FFFFFF"
    app:tabBackground="@drawable/tab_btn_bg_selector"/>

• 第二步：编写Tab背景选择器，实现圆角效果
  先分别写选中、未选中状态的圆角shape，再通过selector关联选中状态：
  选中态背景（存为res/drawable/tab_selected.xml）：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#2563EB"/>
    <corners android:radius="20dp"/> <!-- 圆角半径，数值越大圆角弧度越大 -->
</shape>

未选中态背景（存为res/drawable/tab_unselected.xml）：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#F3F4F6"/>
    <corners android:radius="20dp"/>
</shape>

状态选择器（存为res/drawable/tab_btn_bg_selector.xml）：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/tab_selected"/>
    <item android:drawable="@drawable/tab_unselected"/>
</selector>

配置完成后直接运行即可看到圆角、带间距的按钮式TabLayout效果，圆角大小、间距、配色都可以通过修改对应属性值灵活调整。

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