android TabLayout的简单使用

1.添加依赖

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

2.布局页面
线性布局,垂直

<android.support.design.widget.TabLayout        android:layout_width="match_parent"        android:layout_height="40dp"        android:id="@+id/tablayout">    </android.support.design.widget.TabLayout>    <android.support.v4.view.ViewPager        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/viewpager">    </android.support.v4.view.ViewPager>

3.ViewPager和Fragment结合使用
ViewPager适配器FragmentAdapter

public class FragmentAdapter extends FragmentPagerAdapter {    private String [] title = {"最新日报","专栏","热门","主题日报"};    private List<Fragment> fragmentList;    public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList) {        super(fm);        this.fragmentList = fragmentList;    }    @Override    public Fragment getItem(int position) {        return fragmentList.get(position);    }    @Override    public int getCount() {        return fragmentList.size();    }    @Override    public CharSequence getPageTitle(int position) {        return title[position];    }}

4.Activity页面
ButterKnife需要自己配置一下

public class SecondActivity extends AppCompatActivity {    @BindView(R.id.tablayout)    TabLayout tablayout;    @BindView(R.id.viewpager)    ViewPager viewpager;    List<Fragment> fragments=new ArrayList<>();    private FragmentAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_second);        ButterKnife.bind(this);        //实例化Fragment        Fragment1 fragment1 = new Fragment1();        Fragment2 fragment2 = new Fragment2();        Fragment3 fragment3 = new Fragment3();        Fragment4 fragment4 = new Fragment4();        //添加到集合中        fragments.add(fragment1);        fragments.add(fragment2);        fragments.add(fragment3);        fragments.add(fragment4);        //关联适配器        adapter = new FragmentAdapter(getSupportFragmentManager(), fragments);        viewpager.setAdapter(adapter);        tablayout.setupWithViewPager(viewpager);    }}