TabLayout的使用

依赖 design:26.0.0包
MainActivity 类

public class MainActivity extends FragmentActivity {
    private List<Fragment> fragmentList = new ArrayList<>();
    private ViewPager viewPager;
    private TabLayout tabLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        //第一步:初始化ViewPager并设置adapter
        viewPager = (ViewPager) findViewById(R.id.homefragment_vp);
        viewPager.setAdapter(new MyViewPagerAdapter(getSupportFragmentManager(), fragmentList));

        //第二步:初始化Tablayout,给ViewPager设置标题(选项卡)
        tabLayout = (TabLayout) findViewById(R.id.homefragment_tablelayouts);

        tabLayout.addTab(tabLayout.newTab().setText("周一"));//添加tab选项卡
        tabLayout.addTab(tabLayout.newTab().setText("周二"));
        tabLayout.addTab(tabLayout.newTab().setText("周三"));
        tabLayout.addTab(tabLayout.newTab().setText("周四"));
        tabLayout.addTab(tabLayout.newTab().setText("周五"));
        tabLayout.addTab(tabLayout.newTab().setText("昨天"));
        tabLayout.addTab(tabLayout.newTab().setText("今天"));

        //第三步:关联ViewPager
        tabLayout.setupWithViewPager(viewPager);


        //在关联ViewPager之后添加如下代码,前三步不用更改
        tabLayout.getTabAt(0).setText("周一");
        tabLayout.getTabAt(1).setText("周二");
        tabLayout.getTabAt(2).setText("周三");
        tabLayout.getTabAt(3).setText("周四");
        tabLayout.getTabAt(4).setText("周五");
        tabLayout.getTabAt(5).setText("昨天");
        tabLayout.getTabAt(6).setText("今天");


    }

    private void initData() {
        fragmentList.add(new PagerFragment1());
        fragmentList.add(new PagerFragment2());
        fragmentList.add(new PagerFragment3());
        fragmentList.add(new PagerFragment4());
        fragmentList.add(new PagerFragment5());
        fragmentList.add(new PagerFragment6());
        fragmentList.add(new PagerFragment7());
    }
}

适配器:
public class MyViewPagerAdapter extends FragmentPagerAdapter{

private final List<Fragment> fragmentList;

public MyViewPagerAdapter(FragmentManager fm, List<Fragment> fragmentList) {
    super(fm);
    this.fragmentList=fragmentList;
}

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

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

}
别忘了写Fragment

布局:

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

        <android.support.design.widget.TabLayout
            android:id="@+id/homefragment_tablelayouts"
            android:layout_width="0dp"
            android:layout_height="30dp"
            app:tabIndicatorHeight="2dp"
            android:layout_weight="1"
            app:tabSelectedTextColor="#000000"
            app:tabMode="scrollable"
            >

        </android.support.design.widget.TabLayout>

    </LinearLayout>
    <android.support.v4.view.ViewPager
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/homefragment_vp"
        ></android.support.v4.view.ViewPager>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值