请教一个TabLayout滑动的问题

Question

如图顶部是一个TabLayout,外层嵌套了HorizontalScrollView,底部是ViewPager.怎样可以滑动底部ViewPager的时候顶部TabLayout跟着滑动并且可见呢?现在是滑动ViewPager顶部Tablayout可以选中相应的,但是不会跟着滑动显示.

代码:

<?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">

    <include
        android:id="@+id/toolbar"
        layout="@layout/layout_title_bar_home" />

    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <android.support.design.widget.TabLayout
            android:id="@+id/tl_game"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        </android.support.design.widget.TabLayout>

    </HorizontalScrollView>

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_game"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

</LinearLayout>

类:

public class GameFragment extends LazyFragment implements ViewPager.OnPageChangeListener {

    @BindView(R.id.tl_game)
    TabLayout mTabLayout;
    @BindView(R.id.vp_game)
    ViewPager mViewPager;

    private static final String TAG = "GameFragment";
    private static final String[] titles = {"2018LOL春季赛", "第六届全国高校联赛", "2018季中冠军赛", "2018LOL春季赛", "第六届全国高校联赛", "2018季中冠军赛", "2018LOL春季赛", "第六届全国高校联赛", "2018季中冠军赛", "2018LOL春季赛", "第六届全国高校联赛", "2018季中冠军赛"};
    private List<FragmentPage> mPageList = new ArrayList<>();

    @Override
    public int contentViewId() {
        return R.layout.fragment_game;
    }

    @Override
    public void initView(Bundle savedInstanceState, View view) {
        setCenterTitle("比赛");
        initData();
    }

    private void initData() {
        //动态添加ViewPager
        for (int i = 0; i < titles.length; i++) {
            SpringGameFragment fragmentOne = new SpringGameFragment();
            FragmentPage onePage = new FragmentPage(fragmentOne, titles[i]);
            mPageList.add(onePage);
        }
        BaseFragmentPagerAdapter adapter = new BaseFragmentPagerAdapter(getChildFragmentManager(), mPageList);
        mViewPager.setAdapter(adapter);
        mTabLayout.setupWithViewPager(mViewPager);
    }

    @Override
    public void initEvent() {
        mViewPager.addOnPageChangeListener(this);
    }

    @Override
    protected void onLazyLoad() {

    }

    @Override
    public void onPageSelected(int position) {
        Log.d(TAG, "onPageSelected: " + position);
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
//        Log.d(TAG, "onPageScrolled: "+position);
    }

    @Override
    public void onPageScrollStateChanged(int state) {
//        Log.d(TAG, "onPageScrollStateChanged: "+state);
    }
}

Answer 1

传送门：How to enable horizontal scroll in tab like Google Play?

Answer 2

tablayout本身就是一个HorizontalScrollView