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

今天在尝试 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();
        }
    }
}

3个回答

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

用户一般不会无聊到这么用吧?感觉这像是钻了android的空子,估计是组件的问题

应该是你设置margin的问题、。
http://blog.csdn.net/crazy1235/article/details/42678877#t3

看看这个

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐