在 Material Design 中，TabLayout 是一个非常常见的 UI 控件，它可以用来实现页面切换和分类导航的功能。而 TabLayout 中的指示器则扮演了非常重要的角色，它可以让用户清晰地知道当前选中的是哪一个 Tab。
本文将介绍如何使用 TabLayout 实现指示器滑动的技巧，其中包括自定义指示器长度、颜色以及滑动动画等方面的内容。同时，本文也会提供详细的示例代码，帮助读者更好地理解和实践。
自定义指示器长度
在 TabLayout 中，默认情况下指示器的长度是根据 Tab 的宽度来自适应的。但是，有些情况下我们可能需要指示器的长度也能够自定义。
为了实现自定义长度的指示器，我们可以借助 TabLayout 的 addOnTabSelectedListener 方法来监听 Tab 的选中状态，并在 onTabSelected 方法中设置指示器的长度。
示例代码：
-- -------------------- ---- -------
-------------------------------------- --------------------------------- -
---------
------ ---- --------------------------- ---- -
-- ------- --- ---
--- -------- - ------------------
-- ------- --- - ----
---- ---- - --------------------
-- ----- -- ----- -
-- ----- ----------
---- --------- - ----------------------------------
--- ----- - ---------------------
--- -------- - ----------------
--- -------- - -------- - --
---------------------- -- - ----------------------------
-------- - ---------
------------------------------
-
-
---
---在上面的代码中，我们首先通过监听 onTabSelected 事件获取当前选中的 Tab 的位置和 View 对象，然后在 View 中查找指示器 View，并设置它的宽度。
需要注意的是，上面代码中的 R.id.indicator 是指示器 View 的 ID，在 Tab 对应的布局文件中需要设置。
自定义指示器颜色
在 Material Design 中，指示器的颜色也非常重要，它可以让用户更加清晰地知道当前选中的 Tab 是哪一个。而 TabLayout 也提供了修改指示器颜色的接口。
要修改指示器颜色，我们可以调用 TabLayout 的 setSelectedTabIndicatorColor 方法。
示例代码：
tabLayout.setSelectedTabIndicatorColor(Color.WHITE);
在上面的代码中，我们将指示器颜色设置成了白色。通过这种方式，就可以很容易地实现对指示器颜色的自定义。
需要注意的是，这里的颜色是一个 ARGB 值，可以使用 Color 类提供的静态方法获取。
自定义指示器滑动动画
除了自定义指示器长度和颜色以外，我们还可以修改指示器的滑动动画，使得指示器在 Tab 切换时能够产生一些动态效果。
要修改指示器的滑动动画，我们可以通过修改 TabLayout 的 TabView 控件的 app:tabIndicatorAnimationDuration 属性来实现。
示例代码：
<android.support.design.widget.TabLayout
...
app:tabIndicatorAnimationDuration="300"
/>在上面的代码中，我们将指示器的滑动动画时长设置成了 300 毫秒，这样就可以让指示器在 Tab 切换时有一个缓慢的滑动效果。
需要注意的是，这个属性只有在 TabLayout 的布局文件中才能修改。
总结
通过本文的介绍，相信读者已经能够更好地掌握 TabLayout 中使用指示器的技巧。同时，读者也可以根据自己的需求，灵活地运用这些技巧，实现自己想要的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e59dd4f6b2d6eab310df17