效果如下：

device-2017-12-22-234223.png

device-2017-12-22-234149.png

代码如下所示：

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/md_blue_500"

android:fitsSystemWindows="true">

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:layout_gravity="start"

android:fitsSystemWindows="true"

app:headerLayout="@layout/toubuju"

app:menu="@menu/shiyan"

/>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:id="@+id/frame"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"

android:background="@color/white">

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:android="http://schemas.android.com/apk/res/android">

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/tool"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:navigationIcon="@mipmap/ic_drawer_home"

app:title="首页"/>

android:id="@+id/tablayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

/>

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_behavior="@string/appbar_scrolling_view_behavior"

/>

android:id="@+id/bottom"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

app:itemBackground="@color/colorRateRed"

app:menu="@menu/bottom_navigation_menu"/>

public class ShiYan extends AppCompatActivity {

@BindView(R.id.bottom)

BottomNavigationView bottomNavigationView;

@BindView(R.id.tool)

Toolbar toolbar;

@BindView(R.id.tablayout)

TabLayout tabLayout;

@BindView(R.id.viewpager)

ViewPager viewPager;

private List list;

private String[] s = {"第一个", "第二个", "第三个"};

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.shiyan);

ButterKnife.bind(this);

BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

toolbar.inflateMenu(R.menu.shiyan);

tabLayout.addTab(tabLayout.newTab().setText("第一个"));

tabLayout.addTab(tabLayout.newTab().setText("第二个"));

tabLayout.addTab(tabLayout.newTab().setText("第三个"));

list = new ArrayList<>();

list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

viewPager.setAdapter(new PagerAdapter() {

@Override

public int getCount() {

return list.size();

}

@Override

public boolean isViewFromObject(View view, Object object) {

return view == object;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

container.addView(list.get(position));

return list.get(position);

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

container.removeView((View) object);

}

});

//tlTabs.setupWithViewPager方法内部会remove所有的tabs上的text，这里重新设置一遍tabs的text，否则tabs的text不显示

tabLayout.setupWithViewPager(viewPager);

for (int i = 0; i < s.length; i++) {

tabLayout.getTabAt(i).setText(s[i]);

}

}

}