Tab Layout与ViewPager的区别是什么？二者为何常搭配使用？

核心差异 #

两个组件的定位完全不同，核心职能没有重叠：

• TabLayout 是导航交互类组件，只负责标签栏区域的UI渲染和交互，核心能力是展示分类标签、响应用户点击标签的切换动作，本身不承载任何内容页面的展示逻辑。
• ViewPager/ViewPager2 是内容承载类组件，核心能力是管理多个Fragment/View的生命周期，支持左右滑动切换内容页面，本身没有自带标签导航UI。

二者搭配使用的原因 #

两个组件属于能力互补的组合：

• 单独用TabLayout的话，你需要自行实现标签点击和内容页面切换的联动逻辑，还要额外处理内容页面的滑动手势、页面缓存、生命周期管理等问题，开发成本很高。
• 单独用ViewPager的话，用户没有直观的入口感知当前有多少个分类、当前所处的页面位置，也没法直接点击跳转到指定分类，交互体验非常差。

谷歌官方也专门提供了绑定方法：ViewPager1对应setupWithViewPager()、ViewPager2对应TabLayoutMediator，只需要简单调用就能自动实现两者的状态同步：滑动ViewPager时TabLayout的选中标签自动跟随切换，点击TabLayout的标签时ViewPager自动跳转到对应页面，无需自己写中间的联动逻辑。

关于TabLayout的滑动操作 #

你提到的TabLayout支持滑动，指的是标签数量超出屏幕宽度时，标签栏本身可以横向滚动，方便用户滑动查看屏幕外的标签，和内容页面的滑动切换完全是两个概念。TabLayout本身没有管理、滑动切换内容页面的能力，只能控制自身标签栏的交互。

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