ViewPager导航栏TabLayout

ViewPager中加入TabLayout导航

   需要导入依赖包:  'com.android.support:appcompat-v7:xxxxx'  

                           compile 'com.android.support:design:23.1.1'    版本改为appcompat-v7对应的版本

 

在xml布局中加入  导航:android.support.design.widget.TabLayout   以及对应的ViewPager:  android.support.v4.view.ViewPager

代码如下:

想要改变导航栏属性的颜色，需要加入 xmlns:app="http://schemas.android.com/apk/res-auto"

app:tabIndicatorColor="#aabbcc"　　　　　导航栏，下划线的颜色　
app:tabSelectedTextColor="#ffaaff"　　　  导航，选中文字的颜色
app:tabTextColor="#aaffff"　　　　　　　　导航，文字的颜色

适配器FragmentPagerAdapter的代码如下:

需要加入方法:  设置导航栏的标题

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

Java代码如下:

最后不要忘记加上  tabLayout.setupWithViewPager(viewPager);    使tabLayout与ViewPage联动