Fragment和viewPager搭配使用（有标题）（二）讲解

最新推荐文章于 2024-04-11 14:17:43 发布

原创最新推荐文章于 2024-04-11 14:17:43 发布 · 4.3k 阅读

2 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何使用ViewPager配合Fragment实现页面滑动效果，包括创建多个Fragment、使用Adapter进行数据适配及标题设置等关键技术。

Fragment和viewPager搭配使用（有标题）（二）讲解

首先，我们想一想我们用ViewPager的目的是：实现多个Fragment左右滑动切换的效果。所以我们需要先建立多个xxFragment类继承Fragment，当然有多少个xxFragment就需要多少个它对应的xml这个自己根据自己的需要建立即可。

并在onCreateView()方法中加载该xml和初始化控件

下来，我们可以认为一个xxFragment为一个item，而ViewPager类似ListView或者RecyclerView,所以我们需要用Adapter(适配器)来解决数据的适配问题。所以我们建立一个MyAdapter类继承FragmentPagerAdapter，在这个类里面我们要完成多个xxFragment的切换问题和标题的配对设置问题。

多个xxFragment的切换问题

用重写getItem(int position)方法解决，在这个方法通过position的switch语句判断当前是第几个返回你想要对应的xxFragment对象。这样就完成了切换问题。

引用块内容 @Override
public Fragment getItem(int position) {
switch(position)
{
case 0:
Fragment1 fragment1 = new Fragment1()；
return fragment1;
case 1:
Fragment2 fragment2 = new Fragment2()；
return fragment2;
case 2:
return new Fragment3();
}
return null;
}

标题的配对设置问题

private String tabTitles[] = {“标题1” ,”标题2” , “标题3”};//私有成员，标题名称数组

//然后重写getPageTitle(int position)方法返回对应标题

@Override
public CharSequence getPageTitle(int position) {
return tabTitles[position];
}

再下来我们去设置一下MainActivity的xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"/>

</LinearLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"/>

设置好这些，我们就只需要在MainActivity中去这样设置一般就OK了

package com.example.viewpagerdemo;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import java.util.zip.Inflater;

public class MainActivity extends AppCompatActivity {

private ViewPager viewPager;

private TabLayout tabLayout;

private MyPagerAdapter pagerAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    pagerAdapter = new MyPagerAdapter(getSupportFragmentManager() ,this );
    viewPager = (ViewPager) findViewById(R.id.view_pager);
    viewPager.setAdapter(pagerAdapter);
    tabLayout  = (TabLayout) findViewById(R.id.tab_layout);
    tabLayout.setupWithViewPager(viewPager);
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
}
}