TabLayou+fragment+viewpager实现滑动切换页面

在android studio中添加依赖

 com.android.support:design:23.2.1

TabLayou 主要实现的是标题头的 滑动 这个 控件 类似于 ScrollView ##

XML中的布局

    "match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

        .support.design.widget.TabLayout
            android:id="@+id/homefragment_tablelayouts"
            android:layout_width="0dp"
            android:layout_height="30dp"
            app:tabIndicatorHeight="2dp"
            android:layout_weight="1"
            app:tabIndicatorColor="@color/colorred"
            app:tabSelectedTextColor="#000000"
            app:tabMode="scrollable"
            >

        .support.design.widget.TabLayout>
        "wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/add_channel_titlbar_new"

            />
    
    .support.v4.view.ViewPager
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/homefragment_vp"
        >.support.v4.view.ViewPager>

以下是代码的实现

    //定义一个方法    
    public void getVpTitleData() {
    // 找到 TabLayou  控件
        TabLayout mTabLayout= (TabLayout) getView().findViewById(R.id.homefragment_tablelayouts);
        // 找到 ViewPager  控件
        ViewPager mViewPager= (ViewPager) getView().findViewById(R.id.homefragment_vp);

        //定义 title 集合 来存储  解析的data数据
        listtitle = new ArrayList<>();
        listtitle .add("头条");
        listtitle .add("社会");
        listtitle .add("国内");
        listtitle .add("国际");
        listtitle .add("明星");
        listtitle .add("娱乐");
        listtitle .add("军事");
        listtitle .add("财经");
        listtitle .add("时尚");
        listtitle .add("八卦");

        //遍历 listtitle 集合 将title 添加经 TabLayou z中
        for (int i = 0; i 
            mTabLayout.addTab(mTabLayout.newTab().setText(listtitle.get(i)));
        }

        //创建集合 循环添加创建的Fragment
        listfragment = new ArrayList<>();
        for (int i = 0; i 
            BeiJingFragment mjingFragment = new BeiJingFragment();
            listfragment.add(mjingFragment);
        }

        HomeFragmentVPFragmentAdapter mAdapter = new HomeFragmentVPFragmentAdapter(getFragmentManager(),listfragment,listtitle);

        //给ViewPager设置适配器
        mViewPager.setAdapter(mAdapter);
        //将TabLayout和ViewPager关联起来。
        mTabLayout.setupWithViewPager(mViewPager);
        //给TabLayout设置适配器
        mTabLayout.setTabsFromPagerAdapter(mAdapter);


    }

ViewPager与Fragment的适配器

public class HomeFragmentVPFragmentAdapter extends FragmentStatePagerAdapter {
    List listfragment;
    List listtitle;

    public HomeFragmentVPFragmentAdapter(FragmentManager fm, List listfragment, List listtitle) {
        super(fm);
        this.listfragment = listfragment;
        this.listtitle = listtitle;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return listtitle.get(position);
    }

    @Override
    public Fragment getItem(int position) {
        return listfragment.get(position);
    }

    @Override
    public int getCount() {
        return listfragment.size();
    }
}

效果图

http://blog.csdn.net/itachi85/article/details/50412332