app/build.gradle添加:
implementation 'com.android.support:design:26.1.0'
- 添加Toolbar,TabLayout,ViewPager 并设置相应属性
app:layout_scrollFlags="scroll|enterAlways"
app:contentInsetStart="0dp"
>
app:layout_behavior="@string/appbar_scrolling_view_behavior"
>
- 设置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);
}
}
- 在 Activity 的 onCreate 或 Frament 的 onCreateView 中初始化
/**
* 初始化 TabLayout ,并绑定 ViewPager
* 添加 Fragment ,初始化 ViewPager 的适配器 ,比完成配置
*/
private void initTabFragment(){
// 像 tabLayout 中添加 tab
for(int i=0;i();
for(int i=0;i
-
效果
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
参考博客