Android 的 Tablayout 与 ViewPager 配合使用的问题

Question

今天在尝试 Tablayout 与 ViewPager结合使用，结果遇到下面问题。
当我滑动到如图所示的位置时（由Tab2 向Tab 3 过度，恰好Tab3 的颜色改变时）：

此时，松开，就会发生下面的情况：

Tab3 的颜色改变，但是 指示器和 下面的ViewPager 都属于 Tab2 。
希望有朋友帮忙解答一下。

代码简单，只贴出主要代码了。

布局文件XML

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivityFragment">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        style="@style/MyTabLayout"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@android:color/black" />

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

        android:layout_height="match_parent" />

</LinearLayout>

主界面的代码 （Fragment），ViewPager的代码就不贴了，如果有需要 可以再贴。

 public class MainActivityFragment extends Fragment {
    private TabLayout mTabLayout;
    private ViewPager mViewPager;
    private SimpleAdapter mAdapter;
    private List<ViewPagerFragment> mFragmentList;
    String[] mTitleArray = {"Tab 1", "Tab 2", "Tab 3", "Tab 4"};

    public MainActivityFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_main, container, false);
        mTabLayout = (TabLayout) view.findViewById(R.id.tabLayout);
        mViewPager = (ViewPager) view.findViewById(viewPager);

        int size = mTitleArray.length;
        mFragmentList = new ArrayList<>();
        for (int index = 0; index < size; index++) {
            ViewPagerFragment frag1 = new ViewPagerFragment();
            frag1.setTitle("Title " + (index + 1));
            mFragmentList.add(frag1);
        }
        if (mTitleArray.length > 4) {
            mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        } else {
            mTabLayout.setTabMode(TabLayout.MODE_FIXED);
        }

        mAdapter = new SimpleAdapter(getChildFragmentManager());
        mAdapter.setFragmentList(mFragmentList);
        mAdapter.setTitleArray(mTitleArray);
        mViewPager.setAdapter(mAdapter);
        mViewPager.setCurrentItem(0);
        mTabLayout.setupWithViewPager(mViewPager);
        mTabLayout.setTabsFromPagerAdapter(mAdapter);
        return view;
    }

    class SimpleAdapter extends FragmentStatePagerAdapter {
        private List<ViewPagerFragment> mList;
        private String[] mArray;

        public SimpleAdapter(FragmentManager fm) {
            super(fm);
        }

        public void setFragmentList(List<ViewPagerFragment> list) {
            mList = list;
        }

        public void setTitleArray(String[] array) {
            mArray = array;
        }

        @Override
        public Fragment getItem(int position) {
            return mList.get(position);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return mArray[position];
        }

        @Override
        public int getCount() {
            return mList.size();
        }
    }
}

Answer 1

没看到你是怎么控制上面标签的，你在控制的地方断点，找一下问题