一幔妨、在Android的開(kāi)發(fā)當(dāng)中Tablayout和Viewpager的混合使用是很多的，

效果圖

462363917730815980.jpg

二傍菇、使用步驟

1猾瘸、導(dǎo)入依賴(lài)

compile 'com.android.support:design:25.1.0'

2、布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <!--Tab頁(yè)-->
    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@color/red"
        app:tabSelectedTextColor="@color/red"
        app:tabTextColor="@color/black" />

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

</LinearLayout>

3、代碼中

/**
 * 商品管理
 */
public class ProductManageActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener, TabLayout.OnTabSelectedListener {
    @BindView(R.id.tabLayout)
    TabLayout tabLayout;
    @BindView(R.id.main_vp)
    ViewPager mViewPager;

    private Context mContext;
    private MainAdapter mainAdapter; //適配器
    private List<Fragment> mFragmentList;
    private List<String> mTitleList; //Tab的標(biāo)題

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_product_manage);
        ButterKnife.bind(this);

        mContext = this;
        initData();
        initTabLayout();
        initViewPager();
    }

    private void initViewPager() {
        mainAdapter = new MainAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(mainAdapter);//給ViewPager設(shè)置適配器
        mViewPager.setAdapter(mainAdapter);
        tabLayout.setupWithViewPager(mViewPager);
        mViewPager.setOnPageChangeListener(this);
    }

    //初始化ViewPager的數(shù)據(jù)源
    private void initData() {
        mFragmentList = new ArrayList<>();
        mFragmentList.add(new HasOnLineFragment());
        mFragmentList.add(new WaitOnlineFragment());
        mFragmentList.add(new OffLineFragment());
    }

    private void initTabLayout() {
        mTitleList = new ArrayList<>();
        //添加頁(yè)卡標(biāo)題
        mTitleList.add(getString(R.string.has_online));
        mTitleList.add(getString(R.string.wait_online));
        mTitleList.add(getString(R.string.off_line));
        tabLayout.addOnTabSelectedListener(this);
    }


   
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        //ViewPager滑動(dòng)
        switch (position) {
            case 0:
                break;
            case 1:

                break;
            case 2:

                break;
            default:
                break;
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    //TabLayout的Item被選中
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        int position = tab.getPosition();
        mViewPager.setCurrentItem(position); //設(shè)置當(dāng)前fragment
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {

    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {

    }

    //適配器
    public class MainAdapter extends FragmentPagerAdapter {

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

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

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

      //獲取標(biāo)題
        @Override
        public CharSequence getPageTitle(int position) {
            return mTitleList.get(position);
        }
    }
}