使用TabLayout

Design Support Library是在Google I/O2015上发布的一个全新兼容函数库，主要包括：

Snackbar

TextInputLayout

TabLayout

FloatingActionButton

Navigation View

CoordinatorLayout

TabLayout和ViewPager可实现导航Tab的效果，如图:



可滑动Tab:对应配置XML文件属性app:tabMode=”scrollable”



固定Tab:对应配置XML文件属性app:tabMode=”fixed”

首先在build.gradle文件中依赖

compile 'com.android.support:design:26.0.0-alpha1'

布局文件中使用TabLayout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabGravity="fill"
app:tabMode="fixed" />

<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>

在代码中将TabLayout和ViewPager配置:

public class MainActivity extends AppCompatActivity {

private TabLayout tabLayout;
private ViewPager viewPager;

MyPagerAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

tabLayout = (TabLayout) findViewById(R.id.tab_layout);
viewPager = (ViewPager) findViewById(R.id.viewpager);
adapter = new MyPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);//TabLayout和ViewPager关联
}

private class MyPagerAdapter extends FragmentPagerAdapter{

public MyPagerAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int position) {
return new MyFragment();
}

@Override
public int getCount() {
return 3;
}

@Override
public CharSequence getPageTitle(int position) {
return "Tab" + position;
}
}
}

MyFragment是继承自Fragment,onCreateView()方法中返回一个TextView,这里就不贴MyFragment的代码了，在FragmentPagerAdapter中重写getPageTitle方法，返回导航Tab的文字，最后将TabLayout和ViewPager关联

tabLayout.setupWithViewPager(viewPager);//TabLayout和ViewPager关联