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);
}
}