面试的时候，笔者说出的方案是：上面用自定义控件，下面单用一个ViewPager来实现，但面试官认为单用一个ViewPager难以实现，需用两个ViewPager进行嵌套，当时我心里也没多少底，毕竟后来很少玩UI控件了，回来后，我特意尝试了两种不同的实现方案，特此记录！
1、多层ViewPager嵌套方案
直接上布局文件：
该方案Activity采用的是TabLayout+ViewPager，然后ViewPager中每一个Fragment，布局也同上，如此嵌套，确实能够实现多层Tab级联的效果，直接上代码：
Activity的关键代码：
String[] menu={"外层0", "外层1", "外层2"};
List list=new ArrayList<>();
for(int i=0;i ViewPagerFragment的关键代码：
String[] menu={"内层"+index+"A", "内层"+index+"B","内层"+index+"C","内层"+index+"D","内层"+index+"E","内层"+index+"F","内层"+index+"G"};
List list=new ArrayList<>();
for(int i=0;i 其中，MainHomePagerAdapter继承于FragmentStatePagerAdapter，代码如下：
public class MainHomePagerAdapter extends FragmentStatePagerAdapter {
private String[] menu;
private List list;
public MainHomePagerAdapter(FragmentManager fm, String[] menu, List list) {
super(fm);
this.menu=menu;
this.list=list;
}
@Override
public Fragment getItem(int position) {
return list.get(position);
}
@Override
public int getCount() {
return menu.length;
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return menu[position];
}
而ContentFragment就是下面展示内容的，没什么好说的，就不贴代码了。
请注意一下Activity关键代码中的唯一一个注释，这里之所以要设置外层ViewPager预加载，是因为如果不设置这个的话，外层ViewPager从位置0跳到位置2，再返回位置1，会报如下的错误：
java.lang.IllegalStateException: Fragment no longer exists for key f0: index 0
网上查了一圈（详情可参考这里），这是由于ViewPager嵌套，出现Fragment被销毁导致的，相关报错与FragmentStatePagerAdapter中下面两个方法有关，可以通过覆盖重写下面两个方法来解决问题，但经笔者试验，最简单的就是设置预加载，以此防止Fragment被销毁。
@Override
public Parcelable saveState() {
return super.saveState();
}
@Override
public void restoreState(Parcelable state, ClassLoader loader) {
super.restoreState(state, loader);
}
至此，这种方案大概也就这样子的，毕竟容易实现，当然，由于使用了ViewPager嵌套，肯定多少会存在部分性能问题，但好处是易想易做，笔者猜测网易云音乐首页类似的效果应该也是采用了该方案的。
2、单层ViewPager方案
也是直接上布局文件：
该方案Activity使用的是两层TabLayout+单层ViewPager，ViewPager直接嵌套了最终的内容：ContentFragment，Activity的关键代码如下：
//定义的成员变量
private List> menuList;
private List> fragmentlist;
private MainHomePagerAdapter adapter;
private boolean misScrolled=false;
String[] menu1={"外层0", "外层1", "外层2"};
menuList = new ArrayList<>();
fragmentlist = new ArrayList<>();
for(int i=0;i stringList = Arrays.asList(menu2);
menuList.add(stringList);
List list=new ArrayList<>();
for(int j=0;j 该方案的重点在于将Tab内及Fragment进行分组，也就是：List
注意到其中监听tabLayout1变化后，重新刷新tabLayout2的相关内容时，笔者注释掉的那行代码：viewPager.setAdapter，因为笔者一开始发现 adapter.notifyDataSetChanged()失效了，无法刷新内容，所以才用了直接绑定数据的方案，但这明显不科学啊，后经查证发现，其实解决方案非常简单，只需覆盖一下PagerAdapter中的方法（详情可参考这里）：
@Override
public int getItemPosition(Object object) {
return POSITION_NONE;
}
至此，改方案也大概就是这样子了，事实证明，只使用单层ViewPager也能实现多层Tab级联的效果。该方案结构布局方面比较简单，不用嵌套ViewPager，性能上有一定的优势。缺点在于：利用监听ViewPager的方式来实现外层Tab的切换的，所以在切换时无法像多层ViewPager嵌套那样进行预览，故切换略显突兀。
多想多动手，总会有所收获的！