TabLayout简单使用

介绍

TabLayout是属于Android Design Support Library中的一个控件，顶部或者底部水平的Tab布局，滑动或者点击切换的功能，今天我们简单讲解TabLayout的使用，重点讲解如何自定义TabLayout的item，也就是每一个tab。 参考博客

使用TabLayout

1.添加依赖

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

2.布局
通常我们都搭配ViewPager+Fragment使用。
页面用Fragment，放了一个小图标。

    <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">

3.然后是ViewPager的适配器

public class MyFragmentAdapter extends FragmentPagerAdapter {    private String [] title = {"最新日报","专题","热门","主题日报"};    private List<Fragment> fragmentList;    public MyFragmentAdapter(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.创建几个Fragment 别忘了给fragment布局

public class Theme_Fragment extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.theme_fragment, container,false);        return view;    }}

5.实现

public class Main2Activity extends AppCompatActivity {    private TabLayout tablayout;                   //定义TabLayout    private ViewPager viewpager;                  //定义viewPager    private List<Fragment> fragments;            //定义要装fragment的列表    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main2);        fragments = new ArrayList<>();        tablayout = (TabLayout) findViewById(R.id.tablayout);        viewpager = (ViewPager) findViewById(R.id.viewpager);        //得到Fragment        Hot_Fragment hot_fragment = new Hot_Fragment();        News_Fragment news_fragment = new News_Fragment();        Special_Fragment special_fragment = new Special_Fragment();        Theme_Fragment theme_fragment = new Theme_Fragment();        //添加fragment        fragments.add(hot_fragment);        fragments.add(news_fragment);        fragments.add(special_fragment);        fragments.add(theme_fragment);         //得到适配器        MyFragmentAdapter adapter = new MyFragmentAdapter(getSupportFragmentManager(), fragments);        //添加适配器        viewpager.setAdapter(adapter);        //添加到tablayout        tablayout.setupWithViewPager(viewpager);    }}

6.效果