在 Android 开发中，使用 Tablayout 和 ViewPager 可以切换不同的界面内容，方便用户快速浏览和查看信息。而在 Material Design 风格下，Tablayout 和 ViewPager 的使用也更加简洁、美观，本文将介绍如何在 Material Design 中使用 Tablayout 和 ViewPager。
1. 添加依赖库
首先需要在 app 的 build.gradle 文件中添加以下依赖库：
implementation 'com.google.android.material:material:x.x.x'
其中 x.x.x 是最新版本号。
2. 创建布局文件
在 activity_main.xml 文件中添加 TabLayout 和 ViewPager：
-- -------------------- ---- -------
-------------------------------------------
----------------------------
-----------------------------------
------------------------------------
-------------------------------------------
----------------------------------------------
-----------------------------------------------
------------------------------------
----------------------------
-----------------------------------
---------------------------
---------------------------其中 app:tabIndicatorColor 是指示器的颜色，app:tabSelectedTextColor 是选中的 Tab 文字颜色，app:tabTextColor 是普通状态下的 Tab 文字颜色。
3. 创建适配器
创建 PagerAdapter 类，实现 getItem() 和 getCount() 方法，返回 Fragment 对象和 Fragment 的数量：
-- -------------------- ---- -------
------ ----- ------------ ------- -------------------- -
------- -------------- --------- - --- --------------
------ ---------------------------- --- -------------- ---------- -
----------
-------------- - ----------
-
---------
------ -------- ----------- --------- -
------ ------------------------
-
---------
------ --- ---------- -
------ -----------------
-
-4. 创建 Fragment
创建多个 Fragment 对象，分别显示不同的内容。这里针对每个 Fragment 内容都相同的情况，使用同一个 Fragment 类及布局文件。
-- -------------------- ---- -------
------ ----- ---------- ------- -------- -
---------
------ ---- --------------------------- --------- --------- ----------
------ ------------------- -
---- ---- - -------------------------------------- ---------- -------
-------- -------- - ----------------------------------
------ ----- - ----------------------------------
------------------------
------ -----
-
-这里使用了 getArguments() 方法，用于接收传递过来的 title 值，并将其显示在 TextView 中。
5. 设置适配器和 TabLayout
在 MainActivity 中，创建 Fragment 对象和标题，使用适配器和 TabLayout 实现 Tab 的添加和选中效果。
-- -------------------- ---- -------
------ ----- ------------ ------- ----------------- -
------- -------------- --------- - --- --------------
------- ------------ --------
------- --------- ----------
------- --------- ----------
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
--------- - ------------------------------
--------- - ------------------------------
--------------------------------- -----
--------------------------------- -----
--------------------------------- -----
--------------------------------- -----
------- - --- ----------------------------------------- -----------
------------------------------
----------------------------------------
-
------- -------- --------------------- ------ -
------ ------ - --- ---------
------------------------- -------
---------- -------- - --- -------------
------------------------------
------ ---------
-
-这里使用了 setupWithViewPager() 方法来连接 TabLayout 和 ViewPager。
到这里，就可以实现简单的 Tablayout 和 ViewPager 的效果了。
总结
本文详细介绍了在 Material Design 中如何使用 Tablayout 和 ViewPager，通过适配器和 Fragment 的配合，实现了多个 Tab 页面的切换，并显示不同的内容。建议进一步尝试对 Tablayout 和 ViewPager 进行更加复杂的布局和功能设置。
示例代码：https://github.com/Liyueze/Tablayout-ViewPager-Example
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e44612f6b2d6eab3fa3fbb