ToolBar + TabLayout + ViewPager 基本用法

app/build.gradle添加：

implementation 'com.android.support:design:26.1.0'

1. 添加Toolbar，TabLayout，ViewPager 并设置相应属性

    
    
        
            app:layout_scrollFlags="scroll|enterAlways"

            
            app:contentInsetStart="0dp"
            >
        

    
    
    

    
 app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >
    

2. 设置ViewPager 的 Fragment 适配器

public class FragmentAdapter extends FragmentStatePagerAdapter {

    /**
     * ViewPager 的 Adapter 步骤：
     * 重写 getItem()
     *      getCount()
     *      getPageTile()
     */

    // 存放 传值过来的 Fragment
    private List mFragments;

    // 存放 传值过来的 Tab 的 title
    private List mTitles;

    public FragmentAdapter(FragmentManager fm, List fragments, List titles){
        super(fm);
        mFragments=fragments;
        mTitles=titles;

    }

    /**
     * 获取当前 Fragment
     * @param position
     * @return
     */
    @Override
    public Fragment getItem(int position) {
        return mFragments.get(position);
    }

    /**
     * 获取 Fragment 数量
     * @return
     */
    @Override
    public int getCount() {
        return mFragments.size();
    }

    /**
     * 获取 Tab 的 title
     * @param position
     * @return
     */
    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }

}

3. 在 Activity 的 onCreate 或 Frament 的 onCreateView 中初始化

/**
     * 初始化 TabLayout ，并绑定 ViewPager
     * 添加 Fragment ，初始化 ViewPager 的适配器 ，比完成配置
     */
    private void initTabFragment(){

        // 像 tabLayout 中添加 tab
        for(int i=0;i();
        for(int i=0;i

4. 效果

   
   
   ToolbarTabLayoutViewPager.gif

---

总结

使 Toolbar 向上滚动隐藏 向下滚动重新显示

            app:layout_scrollFlags="scroll|enterAlways"

使 Content 向下偏移一个 ToolBar 的高度，需配合 AppBarLayout

         app:layout_behavior="@string/appbar_scrolling_view_behavior"

Toolbar 要先创建menu文件夹并创建menu文件，设置相应属性

重写 onCreateOptionsMenu(Menu menu)

// Activity 中
getMenuInflater().inflate(R.menu.toolbar_menu,menu);

// Fragment中
inflater.inflate(R.menu.toolbar,menu);

后设置点击事件 onOptionsItemSelected(MenuItem item)

---

设置 tab 下面的 indicator 的左右间距的函数
setIndicator
参考博客