在移动端应用的设计中，左右滑动切换已经成为了常见且频繁使用的交互方式。而在 Material Design 中，使用 ViewPager 实现左右滑动切换可以带来更好的用户体验和交互效果。
ViewPager 简介
ViewPager 是 Android 中提供的一个组件，它可以实现左右滑动切换显示不同的内容。ViewPager 可以和 TabLayout 配合使用，来实现在 Tab 页之间滑动切换的效果。ViewPager 还可以和 Fragment 配合使用，来实现在 Fragment 之间滑动切换的效果。
实现步骤
1. 引入依赖
在 build.gradle 文件中引入以下依赖：
-------------- --------------------------------------
2. 布局文件
在布局文件中添加 ViewPager 组件：
--------------------------------------
----------------------------
-----------------------------------
------------------------------------ --3. 创建 Fragment
创建一个 Fragment，用于显示 ViewPager 中的内容：
----- ---------- - ---------- -
--------- ------ -
--- ------------------ -------- ---------- -
--- ---- - --------
----------------------- ------
--- -------- - ------------
------------------ - ----
------ --------
-
-
-------- --- ---------------------- --------------- ---------- ----------- ------------------- --------- ----- -
------ -------------------------------------- ---------- ------
-
-------- --- ------------------- ----- ------------------- -------- -
------------------------- -------------------
-------------- - ----------------------------- -- --
-
-4. 创建适配器
创建一个 FragmentStateAdapter，用于绑定 ViewPager 和 Fragment：
----- -------------------------------- ----------------- - -------------------------------------- -
------- --- ------ - ------------ --- ---- --- ---- ---
-------- --- --------------- --- -
------ -----------
-
-------- --- ------------------------ ----- -------- -
------ ----------------------------------------
-
-5. ViewPager 绑定适配器
在 MainActivity 中绑定 ViewPager 和适配器：
----- ------------ - ------------------- -
-------- --- ---------------------------- -------- -
----------------------------------
--------------------------------------
------------------ - --------------------
-
-总结
通过使用 ViewPager 和适配器，可以轻松地在 Material Design 中实现左右滑动切换的效果。同时，可以根据不同的需求，动态地添加或移除 Fragment，以实现更加丰富的交互效果。将 ViewPager 和 TabLayout 配合使用，可以实现在多个 Tab 页之间滑动切换的效果，让用户更加方便地浏览应用的内容。
示例代码
完整的示例代码请参考以下链接：
https://github.com/xiaoyu-it/ViewPager2-Demo
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652b3cb47d4982a6ebd3cc4d