在 Android Material Design 中，TabLayout 是一种非常常见的导航组件，它可以让用户方便地切换页面或者查看不同的内容。在本文中，我们将介绍如何使用 TabLayout 实现 Tab 导航，并提供示例代码和详细的学习指导。
什么是 TabLayout
TabLayout 是一个 Material Design 风格的导航组件，它通常与 ViewPager 一起使用，用于实现 Tab 导航的功能。它可以显示多个 Tab，用户可以通过点击不同的 Tab 来切换页面或者查看不同的内容。
TabLayout 支持以下功能：
- 显示多个 Tab
- 支持滚动和固定两种模式
- 支持自定义 Tab 样式
- 支持 Tab 的选中和未选中状态
如何使用 TabLayout
使用 TabLayout 实现 Tab 导航非常简单，我们只需要完成以下几个步骤即可：
步骤一：添加依赖
首先，我们需要在项目中添加 TabLayout 的依赖。在项目的 build.gradle 文件中添加以下代码：
dependencies {
implementation 'com.google.android.material:material:1.2.0'
}步骤二：添加 TabLayout 和 ViewPager
接下来，我们需要在布局文件中添加 TabLayout 和 ViewPager。以下是示例代码：
-- -------------------- ---- -------
-------------------------------------------
----------------------------
-----------------------------------
------------------------------------
-------------------
-----------------------
------------------------------------
----------------------------
-----------------------------------
--------------------------------------其中，TabLayout 的属性说明如下：
tabMode：Tab 模式，支持滚动和固定两种模式。fixed表示固定模式，所有 Tab 都会显示在屏幕上；scrollable表示滚动模式，可以滚动显示所有的 Tab。tabGravity：Tab 对齐方式，支持居中和填充两种方式。center表示居中对齐，所有 Tab 居中显示；fill表示填充对齐，所有 Tab 平均分配屏幕宽度。
步骤三：设置 TabLayout 和 ViewPager 的关联
最后，我们需要在代码中设置 TabLayout 和 ViewPager 的关联。以下是示例代码：
-- -------------------- ---- ------- --------- --------- - ------------------------------ --------- --------- - ------------------------------ -- ----- ------------ ------- - --- ------------------------------------------ -- ----- ------------------------------ -- -- --------- - --------- --- ----------------------------------------
其中，PagerAdapter 是自定义的适配器，用于管理 ViewPager 中的页面。以下是示例代码：
-- -------------------- ---- -------
------ ----- ------------ ------- -------------------- -
------- ------ ----- --- --------- - --
------ ---------------------------- --- -
----------
-
---------
------ -------- ----------- --------- -
------ ---------- -
---- --
------ --- ------------
---- --
------ --- ------------
---- --
------ --- ------------
--------
------ -----
-
-
---------
------ --- ---------- -
------ ----------
-
---------
------ ------------ ---------------- --------- -
------ ---------- -
---- --
------ ---- ---
---- --
------ ---- ---
---- --
------ ---- ---
--------
------ -----
-
-
-其中，getItem() 方法返回对应位置的 Fragment，getPageTitle() 方法返回对应位置的 Tab 标题。
示例代码
以下是完整的示例代码：
activity_main.xml
-- -------------------- ---- -------
------------- ----------------------------------------------------------
------------------------------
-----------------------------------
-------------------------------------
-------------------------------------------
----------------------------
-----------------------------------
------------------------------------
-------------------
-----------------------
------------------------------------
----------------------------
-----------------------------------
--------------------------------------
---------------MainActivity.java
-- -------------------- ---- -------
------ ----- ------------ ------- ----------------- -
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
--------- --------- - ------------------------------
--------- --------- - ------------------------------
-- -----
------------ ------- - --- ------------------------------------------
-- -----
------------------------------
-- -- --------- - --------- ---
----------------------------------------
-
------ ------ ----- --------- ------- -------- -
---------
------ ---- --------------------------- --------- --------- ---------- ------ ------------------- -
---- ---- - ------------------------------------ ---------- -------
------ -----
-
-
------ ------ ----- --------- ------- -------- -
---------
------ ---- --------------------------- --------- --------- ---------- ------ ------------------- -
---- ---- - ------------------------------------ ---------- -------
------ -----
-
-
------ ------ ----- --------- ------- -------- -
---------
------ ---- --------------------------- --------- --------- ---------- ------ ------------------- -
---- ---- - ------------------------------------ ---------- -------
------ -----
-
-
------ ------ ----- ------------ ------- -------------------- -
------- ------ ----- --- --------- - --
------ ---------------------------- --- -
----------
-
---------
------ -------- ----------- --------- -
------ ---------- -
---- --
------ --- ------------
---- --
------ --- ------------
---- --
------ --- ------------
--------
------ -----
-
-
---------
------ --- ---------- -
------ ----------
-
---------
------ ------------ ---------------- --------- -
------ ---------- -
---- --
------ ---- ---
---- --
------ ---- ---
---- --
------ ---- ---
--------
------ -----
-
-
-
-学习指导
使用 TabLayout 实现 Tab 导航是 Android 开发中非常基础和常见的功能，通过本文的介绍，你应该已经了解了如何使用 TabLayout 和 ViewPager 实现 Tab 导航，并掌握了以下知识点：
- TabLayout 的基本使用
- TabLayout 和 ViewPager 的关联
- 自定义 FragmentPagerAdapter
如果你想进一步学习 Android 开发，可以参考以下资源：
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6796b312504e4ea9bdd851c3