横向滑动菜单TabLayout

简介：

横向滑动菜单是当今主流App中很常见的一种自定义控件。
主要用于适配多个分类而出现的，一般常见于分类很多的时候，一屏控件无法容纳全部分类，这样我们需要让用户去手动滑动，以便查看屏幕以外的分类信息。
如果点击不同分类，正在点击的菜单会自动居中显示，点击后可显示不同分类的ui界面。
如：今日头条的顶部导航栏就是一个自定义横向滑动菜单，

---

作用：

由于手机屏幕宽度有限，所以我们因为了横向滑动菜单的概念。
主要作用：
1.一定程度上克服手机屏幕大小限制。
2.智能手机离不开手势操作，符合用户习惯，用户只需要手动左滑，就能轻松找到其他分类。
3.点击分类或滑动页面都能轻松切换页面，用户使用起来非常方便。
4.优化用户体验，一定程度上优化软件性能。

//添加依赖
compile 'com.android.support:design:26+'

引用一个布局实现滑动效果

//让TabLayout和Viewpager关联;
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
//横向滑动菜单
    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></android.support.design.widget.TabLayout>
//ViewPager布局
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></android.support.v4.view.ViewPager>
</LinearLayout>

逻辑代码

private TabLayout tabLayout;
private ViewPager viewPager;
ArrayList<Fragment> fragmentList = new ArrayList<Fragment>();
ArrayList<String> titleList = new ArrayList<String>();

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout = (TabLayout) findViewById(R.id.tabLayout);
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        initData();//添加数据
        //fragment管理器
        MyAdapter myAdapter = new MyAdapter(getSupportFragmentManager());
        viewPager.setAdapter(myAdapter);
        //设置TabLayout的模式
        tabLayout.setTabMode(TabLayout.MODE_FIXED);
        //让tablayout和Viewpager关联;
        tabLayout.setupWithViewPager(viewPager);
    }
    private void initData() {
        for (int i = 0; i <4 ; i++) {
            fragmentList.add(new TabFragment1());//对应的布局
            fragmentList.add(new TabFragment2());
            titleList.add("Item" +i);//标题
        }
    }
    private class MyAdapter extends FragmentPagerAdapter {
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            //返回对应布局
            return fragmentList.get(position);
        }

        @Override
        public int getCount() {
            return titleList.size();//菜单数量
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);//返回对应菜单标题
        }
    }