android fragment与ViewPager

本篇文章，详细讲一下fragment 与ViewPager的结合。

fragment将在未来占据很大的地位，会被更多的利用，掌握fragment 与ViewPager的结合是必不可少的一项技能。

1.使用时，首先在布局文件里

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin"    android:background="#fff"    tools:context="text.chen.example.com.test.ViewPagerActivity">    <android.support.v4.view.ViewPager        android:id="@+id/view_pager"        android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:layout_gravity="center"><!--是界面上面的tab，显示当前页面-->        <android.support.v4.view.ViewPagerTabStrip            android:id="@+id/view_tab"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            android:layout_gravity="center">        </android.support.v4.view.ViewPagerTabStrip>        <!--二选一，因为顶部的tab与底部的tab 只可以同时利用一个-->        <!--<android.support.v4.view.PagerTitleStrip-->        <!--android:id="@+id/title"-->        <!--android:layout_height="wrap_content"-->        <!--android:layout_width="wrap_content"-->        <!--android:layout_gravity = "bottom"-->        <!-->-->        <!--</android.support.v4.view.PagerTitleStrip>-->    </android.support.v4.view.ViewPager></LinearLayout>

2.本文不是讲解代码的，而是讲方法的。

1.当fragment里面的内容较少时，可以利用加载view 的方法来进行：

在java里面添加：

 private List<View> viewList;//在onCreate方法里面添加 viewList = new ArrayList<View>();        View view1 = View.inflate(this, R.layout.view1, null);        View view2 = View.inflate(this, R.layout.view2, null);        View view3 = View.inflate(this, R.layout.view3, null);        View view4 = View.inflate(this, R.layout.view4, null);        viewList.add(view1);        viewList.add(view2);        viewList.add(view3);        viewList.add(view4);

再为tab添加一些属性和标题：

   <span style="white-space:pre"></span>private PagerTabStrip tab;    <span style="white-space:pre"></span>private List<String> titleList;<span style="white-space:pre"></span>//为ViewPager页卡设置标题        titleList = new ArrayList<String>();        titleList.add("first");        titleList.add("second");        titleList.add("third");        titleList.add("four");        //为PagerTabStrip设置一些属性        tab = (PagerTabStrip) findViewById(R.id.view_tab);        tab.setBackgroundColor(Color.YELLOW);//tab字体颜色        tab.setTextColor(Color.RED);//字体颜色        tab.setDrawFullUnderline(false);//横线消失        tab.setTabIndicatorColor(Color.GREEN);//指示器颜色

再进行ViewPager的初始化

<span style="white-space:pre"></span>viewPager = (ViewPager) findViewById(R.id.view_pager);

再为其创建PagerAdapter适配器

最好为新建一个类继承与FragmentPagerAdapter，我在做这里创建的为：MyFragmentPagerAdapter

<span style="white-space:pre">/**         * 创建PagerAdapter适配器         */</span>

<span style="white-space:pre"></span>MyPagerAdapter myPagerAdapter = new MyPagerAdapter(viewList, titleList);        viewPager.setAdapter(myPagerAdapter);

这样即可完成。

2.当fragment里面函数逻辑较为复杂时，就需要传fragment进行

<span style="white-space:pre"></span>private List<Fragment> fragmentList;        /**         * 通过Fragment作为VIewPAger的数据源         *         */        fragmentList = new ArrayList<Fragment>();        fragmentList.add(new Fragment1());        fragmentList.add(new Fragment2()) ;        fragmentList.add(new Fragment3()) ;        fragmentList.add(new Fragment4());

此时的适配器：

<span style="white-space:pre"></span>MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList,titleList);        viewPager.setAdapter(adapter);

最后这个是我的adapter

package text.chen.example.com.test.adapter;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import android.view.ViewGroup;import java.util.List;/** * Created by chen on 15-2-5. */public class MyFragmentPagerAdapter extends FragmentPagerAdapter {    private List<Fragment> fragmentList;    private List<String> titleList;//构造函数的参数依据activity里面需要传的参数来设置，例如：<pre name="code" class="java">//fragmentList，在第一种传view时不需要：

public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> fragmentList, List<String> titleList) { super(fm); this.fragmentList = fragmentList; this.titleList = titleList; } @Override public Fragment getItem(int i) { return fragmentList.get(i); } @Override public CharSequence getPageTitle(int position) { return titleList.get(position); } @Override public int getCount() { return fragmentList.size(); } @Override public Object instantiateItem(ViewGroup container, int position) { return super.instantiateItem(container, position); }}

最后希望大家有所帮助！！！一点一点码出来也是蛮拼的