Tablayout的简单应用

Tablayout

android studio 中添加依赖

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

xml布局中

  <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/green"
        app:tabIndicatorColor="@color/white"
        app:tabSelectedTextColor="@color/red"
        app:tabTextColor="@color/black" />

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

    其中，app:tabIndicatorColor="@color/white"  //下划线的颜色
         app:tabSelectedTextColor="@color/red"  //选中条目的字体颜色
         app:tabTextColor="@color/black"  //不选中的字体颜色

Activity中

public class TablayoutActivity extends BaseActivity {

    private List<String> titleList;
    private List<Fragment> fragmentList;
    private TablayoutFragment tablayoutFragment;
    private FrescoFragment frescoFragment;
    private PicassoFragment picassoFragment;
    private SwipeRefeshLayoutFragment swipeRefeshLayoutFragment;
    private TablayoutFragmentAdapter tablayoutFragmentAdapter;

    @BindView(R.id.tablayout)
    TabLayout tablayout;

    @BindView(R.id.viewpager)
    ViewPager viewpager;

    @Override
    public void setView() {
        setContentView(R.layout.activity_tablayout);
        ButterKnife.bind(this);
        setLeft();
        setMid("Tablayout");
    }

    @Override
    public void init() {
        titleList = new ArrayList<>();
        fragmentList = new ArrayList<>();
        titleList.add("Tablayout");
        titleList.add("Fresco");
        titleList.add("Picasso");
        titleList.add("SwipeRefeshLayout");
        tablayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        for (int i = 0; i < titleList.size(); i++) {
            tablayout.addTab(tablayout.newTab().setText(titleList.get(i)));
        }
        tablayoutFragment = new TablayoutFragment();
        frescoFragment = new FrescoFragment();
        picassoFragment = new PicassoFragment();
        swipeRefeshLayoutFragment = new SwipeRefeshLayoutFragment();

        fragmentList.add(tablayoutFragment);
        fragmentList.add(frescoFragment);
        fragmentList.add(picassoFragment);
        fragmentList.add(swipeRefeshLayoutFragment);

        tablayoutFragmentAdapter = new TablayoutFragmentAdapter(getSupportFragmentManager(), fragmentList, titleList);
        viewpager.setAdapter(tablayoutFragmentAdapter);
        tablayout.setupWithViewPager(viewpager);
    }

    tablayout.setTabMode();设置tablayout的模式，属性值有两种
    TabLayout.MODE_SCROLLABLE：tabs很多的时候显示完整，可以滑动
    TabLayout.MODE_FIXED：tabs很多的时候显示不完整，全部显示，不能滑动


    MODE_FIXED:Fixed tabs display all tabs concurrently and are best used with 
               content that benefits from quick pivots between tabs.

    MODE_SCROLLABLE:Scrollable tabs display a subset of tabs at any given moment,   
                    and can contain longer tab labels and a larger number of tabs.

viewpager的adapter

public class TablayoutFragmentAdapter extends FragmentPagerAdapter {

    private List<Fragment> list;
    private List<String> stringList;

    public TablayoutFragmentAdapter(FragmentManager fm, List<Fragment> list, List<String> stringList) {
        super(fm);
        this.list = list;
        this.stringList = stringList;
    }


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

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

    @Override
    public CharSequence getPageTitle(int position) {
        return stringList.get(position % stringList.size());
    }
}

    public CharSequence getPageTitle(int position) {
    return stringList.get(position % stringList.size());
}
这个方法是用来显示tabs上的文字的