实现网易新闻的tab切换效果

1.添加依赖包

compile 'com.android.support:design:23.0.0'

2。界面布局

<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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
tools:context="com.example.tony.tonydemo.View.FirstFragment">
<android.support.design.widget.TabLayout
android:id="@+id/tab_selector"
app:tabIndicatorColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabTextColor="@color/white"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary" >
    </android.support.design.widget.TabLayout>
 <android.support.v4.view.ViewPager
android:id="@+id/veiwpager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
    </android.support.v4.view.ViewPager>
</LinearLayout>

上面为TabLayout显示标题和下划线，下面的viewpager用来放置各个fragment。

其中
app:tabIndicatorColor="@color/white"设置下划线的颜色
app:tabSelectedTextColor="@color/white"设置选中的标题的颜色
3.为viewpager建立对应的adpter
public class fAdpter extends FragmentPagerAdapter{
    List<Fragment> mFlist;
    List<String> mTlist;

    public fAdpter(FragmentManager fm, List<Fragment> flist, List<String> titlelist) {
super(fm);
mFlist = flist;
mTlist = titlelist;
    }

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

@Override
public int getCount() {
return mFlist.size();
    }
}
4.组织list

mTitleList = new ArrayList<>();
mFragmentList = new ArrayList<>();
mTitleList.add("头条");
mTitleList.add("娱乐");
mTitleList.add("体育");
mTitleList.add("财经");

for(int i=0;i<mTitleList.size();i++)
    {
mFragmentList.add(NewsFragment.newInstance(i));
    }
5.初始化adpter，setAdpter。
mAdapter = new fAdpter(getChildFragmentManager());
mViewPager.setAdapter(mAdapter);
mTabSelector.setupWithViewPager(mViewPager);
mTabSelector.setTabMode(TabLayout.MODE_SCROLLABLE);