請教一個TabLayout滑動的問題

如圖頂部是一個TabLayout,外層嵌套了HorizontalScrollView,底部是ViewPager.怎樣可以滑動底部ViewPager的時候頂部TabLayout跟著滑動并且可見呢?現(xiàn)在是滑動ViewPager頂部Tablayout可以選中相應(yīng)的,但是不會跟著滑動顯示.

代碼:

<?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春季賽", "第六屆全國高校聯(lián)賽", "2018季中冠軍賽", "2018LOL春季賽", "第六屆全國高校聯(lián)賽", "2018季中冠軍賽", "2018LOL春季賽", "第六屆全國高校聯(lián)賽", "2018季中冠軍賽", "2018LOL春季賽", "第六屆全國高校聯(lián)賽", "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() {
        //動態(tài)添加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);
    }
}