TabLayout

1是先引入这个库
2在布局中加入TabLayout控件
<android.support.design.widget.TabLayout
android:id="@+id/mytab"
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
></android.support.design.widget.TabLayout>
3在java代码中添加Tab实现选项卡效果
public class MainActivity extends AppCompatActivity {

TabLayout mytab;


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

    mytab = (TabLayout) findViewById(R.id.mytab);

    mytab.addTab(mytab.newTab().setText("选项卡一").setIcon(R.mipmap.ic_launcher));

}
4设置Tab滚动方式
可滚动
app:tabMode=“scrollable”

固定
app:tabMode=“fixed”
5(可有可无)
TabLayout的监听事件
选中了某个tab的监听事件OnTabSelectedListener():
setOnTabSelectedListener()这个方法已经被抛弃了,现在一般使用addOnTabSelectedListener

   mytab.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {

// 添加选中Tab的逻辑
}

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

// 添加未选中Tab的逻辑
}
6将TabLayout和ViewPager关联
mytab.setupWithViewPager(mViewPager);
7
在Java代码中定义两个List集合,一个放TabLayout标题Title,一个放TabLayout内容Fragment
List mTitle;
List mFragment;

给这两个集合添加内容

mTitle = new ArrayList<>();
mTitle.add(“选项卡一”);
mTitle.add(“选项卡二”);
mTitle.add(“选项卡三”);
mTitle.add(“选项卡四”);

    mFragment = new ArrayList<>();
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());

8给ViewPager创建适配器,将Title和Fragment添加进ViewPager中

mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int position) {
return mFragment.get(position);
}

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

        @Override
        public CharSequence getPageTitle(int position) {
            return mTitle.get(position);
        }
    });

10全部代码
public class MainActivity extends AppCompatActivity {

TabLayout mytab;
ViewPager mViewPager;
List<String> mTitle;
List<Fragment> mFragment;

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

    mytab = (TabLayout) findViewById(R.id.mytab);
    mViewPager = (ViewPager) findViewById(R.id.mViewPager);

    mTitle = new ArrayList<>();
    mTitle.add("选项卡一");
    mTitle.add("选项卡二");
    mTitle.add("选项卡三");
    mTitle.add("选项卡四");

    mFragment = new ArrayList<>();
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());
    mFragment.add(new Fragment());

    mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int position) {
            return mFragment.get(position);
        }

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

        @Override
        public CharSequence getPageTitle(int position) {
            return mTitle.get(position);
        }
    });

    mytab.setupWithViewPager(mViewPager);

}

}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值