使用Fragment填充ViewPager

      在上一篇文章中，讲解了使用PagerAdapter作为适配器时的ViewPager的使用方法。然后在实际项目中更多的使用Fragment作为页卡，因为实际开发中每一个页卡要复杂的多。而使用Fragment有利于切断每一个页卡与MainActivity的联系，在各自的Fragment上实现自己更复杂的功能。其实使用Fragment作为填充，大部分的代码都与使用View作为填充类似，如果你还不知道怎么使用View来作为页卡，可以点击下面的链接，进行阅读学习：

http://www.cnblogs.com/fuly550871915/p/4922953.html

 

       下面我们以一个完整的例子，来讲一下使用FragmenStatePagerAdapter作为适配器，ViewPager使用方法。由于大部分的知识都在上一篇文章（使用View作为填充ViewPager）中讲过，因此具体的代码解释就不再进行了。

        新建项目，然后新建布局，作为Fragment的填充物。首先是layout1.xml。如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是第一个界面"
        android:textSize="30sp"/>

</LinearLayout>

       代码很简单，不解释。然后再建立同样的三个布局，分别命名为layout2.xml，layout3.xml，layout4.xml。唯一不同的就是第10行文本的显示不同而已。具体代码同上，就不贴出来了。然后就可以建立Fragment类了。

      新建类Fragment1，继承自Fragment。其中的代码如下：

package com.example.viewpager;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragment1 extends Fragment{
    
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {

        return inflater.inflate(R.layout.layout1, null);
    }
}

         从代码中发现，将layout1这个布局加载给了Fragment1.同样的道理，新建Fragment2，Fragment3，Fragment4，分别用来加载layout2，layout3，layout4.

        就这样子，所有的Fragment都准备好了。下面开始写适配器，就采用FragmentStatePagerAdapter吧。代码如下：

package com.example.viewpager;

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.view.ViewGroup;

/**
 * ViewPager的适配器
 * @author fuly1314
 *
 */
public class FragmentAdapter extends FragmentStatePagerAdapter{

    private List<Fragment> fragmentList;//数据源
    private List<String> titles;//标题
    
    public FragmentAdapter(FragmentManager fm,List<Fragment> fragmentList,List<String> titles) {
21         super(fm);
22         this.fragmentList = fragmentList;
23         this.titles = titles;
24     }

    //相应页卡设定相应的Fragment
    public Fragment getItem(int arg0) {
    
        return fragmentList.get(arg0);
    }

    //数据源的数目
    public int getCount() {
    
        return fragmentList.size();
    }

    /*
     * 对于FragmentStatePagerAdapter，它的销毁和实例方法，即
     * destroyItem和instantiateItem方法保持默认即可
     */
    public void destroyItem(ViewGroup container, int position, Object object) {
43 
44         super.destroyItem(container, position, object);
45     }
46 
47     public Object instantiateItem(ViewGroup arg0, int arg1) {
48 
49         return super.instantiateItem(arg0, arg1);
50     }
51 
52     //设定标题
53     public CharSequence getPageTitle(int position) {
54         
55         return titles.get(position);
56     }
    
}

      注意的红色的代码。应该注意的是，FragmentStatePagerAdapter的销毁item和显示item的方法都保持默认的写法即可。

      然后就是MainActivity中的代码了，如下：

package com.example.viewpager;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.widget.Toast;
import android.graphics.Color;

public class MainActivity extends FragmentActivity implements OnPageChangeListener{
    
    private ViewPager pager;
    private List<Fragment> fragmentList = new ArrayList<Fragment>();//数据源
    private FragmentAdapter fragmentAdapter;
    
    private List<String> titles = new ArrayList<String>();//标题
    
    private PagerTabStrip pagerTitle;//ViewPager的标题
    

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //获取ViewPager
        pager = (ViewPager) findViewById(R.id.view_pager);
        
        pager.setOnPageChangeListener(this);//设置监听器
        
        //获取pagerTitle
        pagerTitle = (PagerTabStrip) findViewById(R.id.pager_title);
        
        //为标题设置属性，比如背景，颜色线等
        pagerTitle.setBackgroundColor(Color.RED);//设置背景颜色
        pagerTitle.setTextColor(Color.YELLOW);//设置标题文字的颜色
        pagerTitle.setDrawFullUnderline(false);//将标题下的长分割线去掉
        pagerTitle.setTabIndicatorColor(Color.BLUE);//设置标题下粗一点的短分割线的颜色
        
        //添加标题
        titles.add("第一页");
        titles.add("第二页");
        titles.add("第三页");
        titles.add("第四页");
        
        
        
        
   55         
        //获取四个Fragment
        Fragment1 fragment1 = new Fragment1();
        Fragment2 fragment2 = new Fragment2();
        Fragment3 fragment3 = new Fragment3();
        Fragment4 fragment4 = new Fragment4();
        
        //将四个Fragment加入到集合
        fragmentList.add(fragment1);
        fragmentList.add(fragment2);
        fragmentList.add(fragment3);
        fragmentList.add(fragment4);
        
        //实例化适配器
        fragmentAdapter = new FragmentAdapter(getSupportFragmentManager(),fragmentList,titles);
        
        //设置适配器
        pager.setAdapter(fragmentAdapter);
    }



    //当滚动状态改变时被调用
    public void onPageScrollStateChanged(int arg0) {
    
        
    }


    //滚动时调用
    public void onPageScrolled(int arg0, float arg1, int arg2) {
    
        
    }


    //当页卡被选中时调用
    public void onPageSelected(int arg0) {
        
        Toast.makeText(this, "这是第"+(arg0+1)+"个界面", Toast.LENGTH_LONG).show();
        
    }

    
}

      注意红色的代码，此时继承的是FragmentActivity。而且所有导入的包，都应该是android.support.v4下的。

        好了，现在都写好了，运行程序即可，效果图如下：

 

 

总结：
如果用Fragment作为页卡，需要注意：
（1）活动继承的是FragmentActivity，而不是Activity。
（2）相关的导包都应该是android.support.v4下的包。
（3）对于FragmentStatePagerAdapter，它的destroyItem和instantiateItem方法保持默认即可，不用编写。