Android使用TabLayou+fragment+viewpager实现滑动切换页面效果

Android 使用 TabLayout+Fragment+ViewPager 实现滑动切换页面效果 Android 是一个流行的移动操作系统，它提供了多种方式来实现滑动切换页面效果。其中，使用 TabLayout+Fragment+ViewPager 是一种常见的实现方法。本文将详细介绍如何使用 TabLayout+Fragment+ViewPager 实现滑动切换页面效果。 一、TabLayout 的使用 TabLayout 是 Android 提供的一个控件，用于实现滑动式选项卡效果。它可以与 ViewPager 配合使用，实现滑动切换页面效果。 TabLayout 的使用非常简单，只需要在布局文件中添加 TabLayout 控件，并设置其属性即可。例如： ```xml <android.support.design.widget.TabLayout android:id="@+id/homefragment_tablelayouts" android:layout_width="0dp" android:layout_height="30dp" app:tabIndicatorHeight="2dp" android:layout_weight="1" app:tabIndicatorColor="@color/colorred" app:tabSelectedTextColor="#000000" app:tabMode="scrollable" /> ``` 在上面的代码中，我们将 TabLayout 控件添加到了布局文件中，并设置了其宽度、高度、指示器高度、选择器颜色、选中文字颜色等属性。 二、ViewPager 的使用 ViewPager 是 Android 提供的一个控件，用于实现滑动式页面效果。它可以与 TabLayout 配合使用，实现滑动切换页面效果。ViewPager 的使用非常简单，只需要在布局文件中添加 ViewPager 控件，并设置其属性即可。例如： ```xml <android.support.v4.view.ViewPager android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/homefragment_vp" /> ``` 在上面的代码中，我们将 ViewPager 控件添加到了布局文件中，并设置了其宽度、高度等属性。 三、Fragment 的使用 Fragment 是 Android 提供的一个控件，用于实现滑动式页面效果。它可以与 ViewPager 配合使用，实现滑动切换页面效果。Fragment 的使用非常简单，只需要创建 Fragment 类，并在其中实现页面的逻辑即可。例如： ```java public class BeiJingFragment extends Fragment { // 实现页面逻辑 } ``` 在上面的代码中，我们创建了一个名为 BeiJingFragment 的 Fragment 类，并在其中实现了页面的逻辑。 四、实现滑动切换页面效果 要实现滑动切换页面效果，我们需要将 TabLayout、ViewPager 和 Fragment 配合使用。我们需要在 Activity 中获取 TabLayout 和 ViewPager 控件，然后设置 TabLayout 的标题和 ViewPager 的适配器。例如： ```java public void getVpTitleData() { // 找到 TabLayou 控件 TabLayout mTabLayout = (TabLayout) getView().findViewById(R.id.homefragment_tablelayouts); // 找到 ViewPager 控件 ViewPager mViewPager = (ViewPager) getView().findViewById(R.id.homefragment_vp); // 定义 title 集合 来存储 解析的data数据 listtitle = new ArrayList<>(); listtitle.add("头条"); listtitle.add("社会"); listtitle.add("国内"); listtitle.add("国际"); listtitle.add("明星"); listtitle.add("娱乐"); listtitle.add("军事"); listtitle.add("财经"); listtitle.add("时尚"); listtitle.add("八卦"); // 遍历 listtitle 集合 将title 添加经 TabLayou z中 for (int i = 0; i < listtitle.size(); i++) { mTabLayout.addTab(mTabLayout.newTab().setText(listtitle.get(i))); } // 创建集合 循环添加创建的Fragment listfragment = new ArrayList<>(); for (int i = 0; i < date.size(); i++) { BeiJingFragment mjingFragment = new BeiJingFragment(); listfragment.add(mjingFragment); } HomeFragmentVPFragmentAdapter mAdapter = new HomeFragmentVPFragmentAdapter(getChildFragmentManager(), listfragment); mViewPager.setAdapter(mAdapter); } ``` 在上面的代码中，我们首先获取了 TabLayout 和 ViewPager 控件，然后设置了 TabLayout 的标题和 ViewPager 的适配器。我们将 ViewPager 与 Fragment 配合使用，实现滑动切换页面效果。 使用 TabLayout+Fragment+ViewPager 可以轻松地实现滑动切换页面效果。这是一种非常常见的实现方法，广泛应用于各种 Android 应用程序中。