Android ViewPager Tab

在Android开发中，ViewPager和TabLayout是两个常用的控件，它们可以用来实现滑动页面和标签页功能。ViewPager可以让用户通过滑动来切换不同的页面，而TabLayout可以让用户通过点击标签页来切换页面。本文将介绍如何结合ViewPager和TabLayout来实现滑动标签页功能。

ViewPager和TabLayout的基本用法

首先，在布局文件中添加ViewPager和TabLayout：

<androidx.viewpager.widget.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

接下来，在Activity或Fragment中找到ViewPager和TabLayout，并设置ViewPager的适配器：

ViewPager viewPager = findViewById(R.id.viewPager);
TabLayout tabLayout = findViewById(R.id.tabLayout);

ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);

tabLayout.setupWithViewPager(viewPager);

创建自定义适配器ViewPagerAdapter

创建一个自定义适配器ViewPagerAdapter，继承自FragmentPagerAdapter，并实现getItem和getPageTitle方法：

public class ViewPagerAdapter extends FragmentPagerAdapter {

    private final List<Fragment> fragmentList = new ArrayList<>();
    private final List<String> titleList = new ArrayList<>();

    public ViewPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    public void addFragment(Fragment fragment, String title) {
        fragmentList.add(fragment);
        titleList.add(title);
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    @Override
    public int getCount() {
        return fragmentList.size();
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return titleList.get(position);
    }
}

添加Fragment到ViewPagerAdapter

最后，在Activity或Fragment中添加Fragment到ViewPagerAdapter中：

ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
adapter.addFragment(new FirstFragment(), "First");
adapter.addFragment(new SecondFragment(), "Second");

viewPager.setAdapter(adapter);

类图

classDiagram
    class FragmentPagerAdapter {
        - FragmentManager fm
        + Fragment getItem(int position)
        + int getCount()
        + CharSequence getPageTitle(int position)
    }

    class ViewPagerAdapter {
        - List<Fragment> fragmentList
        - List<String> titleList
        + ViewPagerAdapter(FragmentManager fm)
        + void addFragment(Fragment fragment, String title)
    }

    FragmentPagerAdapter <|-- ViewPagerAdapter

甘特图

gantt
    title ViewPager和TabLayout实现滑动标签页功能

    section 准备工作
    学习ViewPager和TabLayout: done, 2022-01-01, 2022-01-10
    创建布局文件: done, 2022-01-11, 2022-01-15

    section 实现功能
    完成ViewPagerAdapter: done, 2022-01-16, 2022-01-20
    添加Fragment到ViewPagerAdapter: done, 2022-01-21, 2022-01-25
    完成Activity/Fragment代码: done, 2022-01-26, 2022-01-30

通过以上步骤，我们可以轻松地实现ViewPager和TabLayout的滑动标签页功能。这样，用户就可以通过滑动页面或点击标签页来切换不同的页面了。希望本文能对你有所帮助！