TabLayout 使用

TabLayout 提供水平布局以显示 tabs。

使用

TabLayout 继承自 HorizontalScrollView。

xml 布局代码

res/values/styles.xml

属性	作用
tabBackground	标签的背景色
tabContentStart	标签从Y轴起始位置的设置的偏移量处开始移动
tabGravity	Tab的重心，填充和居中两种，分别为fill和center
tabMode	Tab的模式，固定和滚动两种，分别为fixed和scrollable
tabTextColor	默认状态下Tab字体颜色
tabSelectedTextColor	选中的字体颜色
tabIndicatorColor	用于显示当前选定的标签的指示器的颜色。
tabIndicatorHeight	指示器的高度
tabMaxWidth	标签的最大宽度
tabMinWidth	标签的最小宽度
tabPadding	标签的填充距离
tabTextAppearance	设置Text字体风格
tabPadding	底部边距
tabPaddingEnd	右边边距
tabPaddingStart	左边距
tabPaddingTop	顶部边距

java 代码

    private void initTabLayout() {
        final List titles = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            titles.add("tab" + i);
        }
        final List fragments = new ArrayList<>();
        TabFragment tabFragment;
        for (int i = 0; i < titles.size(); i++) {
            mTabLayout.addTab(mTabLayout.newTab().setText(titles.get(i)));

            tabFragment = new TabFragment();
            Bundle bundle = new Bundle();
            bundle.putString("tab_text", titles.get(i));
            tabFragment.setArguments(bundle);
            fragments.add(tabFragment);
        }

        FragmentPagerAdapter fragmentPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return fragments.get(position);
            }

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

            @Nullable
            @Override
            public CharSequence getPageTitle(int position) {
                return titles.get(position);
            }
        };
        mViewPager.setAdapter(fragmentPagerAdapter);
        mTabLayout.setupWithViewPager(mViewPager);
    }

实现效果

效果.gif