本文共 3439 字，大约阅读时间需要 11 分钟。

Android Fragment 开发：ViewPager 与 TabLayout 实现多页切换

在 Android 开发中，Fragment 和 ViewPager 是构建多页应用的核心工具之一，而 TabLayout 则为 ViewPager 提供了更简便的方式来实现Tab切换功能。本文将从项目依赖、Fragment布局、Fragment 适配器实现以及主代码实现等方面，详细介绍如何结合ViewPager 和 TabLayout 实现动态切换Fragment 的功能。

项目依赖

在项目开始之前，需要添加相应的依赖库。具体来说，需要引入以下依赖：

dependencies {
    compile 'com.android.support:design:24.1.1'
}

这里，com.android.support:design:24.1.1 是 Android 支持设计库，包含了 TabLayout 和 ViewPager 等组件。

Fragment 布局

在 Fragment 中定义布局时，可以通过 XML 定义 ViewPager 和 TabLayout。以下是一个典型的布局示例：

这里，TabLayout 和 ViewPager 是嵌套在同一个布局中，通过 id 和 layout_width、layout_height 属性进行对应设置。

Fragment 适配器实现

为了实现ViewPager 的多页切换功能，需要自定义一个 FragmentPagerAdapter 类。以下是一个典型的实现示例：

public class MyAdapter extends FragmentPagerAdapter {
    private String[] titles;
    public MyAdapter(FragmentManager fm, String[] titles) {
        super(fm);
        this.titles = titles;
    }
    @Override
    public Fragment getItem(int position) {
        if (position == 0) {
            return new FragmentPagerCourseAdapter();
        } else if (position == 1) {
            return new FragmentPagerLivingAdapter();
        } else {
            return new FragmentPagerCourseAdapter();
        }
    }
    @Override
    public int getCount() {
        return titles.length;
    }
    @Override
    public CharSequence getPageTitle(int position) {
        return titles[position];
    }
}

在这个示例中，getItem 方法根据位置返回不同的 Fragment 实例，getCount 返回总页数，getPageTitle 返回当前页的标题。

主代码实现

在 MainActivity 中，需要初始化ViewPager 和 TabLayout，并设置适配器。以下是一个典型的主代码实现：

public class MainActivity extends AppCompatActivity {
    private TabLayout tab;
    private ViewPager pager;
    private FragmentManager manager;
    private FragmentTransaction transaction;
    private FragmentLivingAdapter adapter;
    private List
   
     flist;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
        flist = new ArrayList<>();
        FragmentPagerLivingAdapter f1 = new FragmentPagerLivingAdapter();
        FragmentPagerCourseAdapter f2 = new FragmentPagerCourseAdapter();
        flist.add(f1);
        flist.add(f2);
        String[] titles = {"课程", "直播", "线下课"};
        manager = getFragmentManager();
        adapter = new FragmentLivingAdapter(manager, titles);
        transaction = manager.beginTransaction();
        transaction.commit();
        pager.setAdapter(adapter);
        tab.setupWithViewPager(pager);
    }
    private void initViews() {
        this.pager = (ViewPager) findViewById(R.id.pager);
        this.tab = (TabLayout) findViewById(R.id.tab);
    }
}
   

在 onCreate 方法中，首先初始化 UI 组件，然后创建 Fragment 实例，设置适配器，并将 TabLayout 与 ViewPager 绑定。

TabLayout 常用属性

TabLayout 提供了丰富的属性设置选项，可以通过这些属性来定制 Tab 的外观和行为。以下是一些常用的属性示例：

app:tabTextColor="#ddd" // 设置 Tab 标签的默认字体颜色
app:tabSelectedTextColor="@color/colorAccent" // 设置 Tab 标签选中的字体颜色
app:tabIndicatorColor="@color/colorAccent" // 设置指示器的颜色
app:tabIndicatorHeight="5dp" // 设置指示器的高度（0dp 时隐藏）
app:tabIndicatorColor="@color/white" // 设置指示器的下划线颜色

TabLayout 的 tabMode 属性

TabLayout 中的一个重要属性是 app:tabMode，它有两个取值：scrollable 和 fixed。

• scrollable：当 Tab 标签数量较多时，可以水平滚动来查看所有 Tab。
• fixed：Tab 标签固定在屏幕上，不会滚动。

选择 fixed 时，Tab 标签会挤在屏幕上，可能会导致部分 Tab 标签的文字被截断。

总结

通过以上步骤，可以轻松地在 Android 项目中实现 ViewPager 和 TabLayout 的结合使用，从而创建一个多页切换的动态 Fragment 界面。在实际开发中，可以根据具体需求调整布局、颜色和其他属性，以获得最佳的用户体验。