1、TabLayout是Android5.0之后推出的一个tab页卡项,在matera design包下。
2、打开Android studio的build.gradle,添加引入库
build.gradle:
dependencies {
compile fileTree(dir:'libs', include: ['*.jar'])
compile'com.android.support:appcompat-v7:23.0.1'
compile'com.android.support:design:23.0.1'
}
3、打开colors.xml,添加颜色
4、打开dimens.xml,添加
5、打开样式style.xml.添加一些tablayout的样式:
values-v21的添加
5、在activity和application以及在布局中都可以添加主题的方式添加进去。
6、创建多个fragment,并且创建fragment的名字。
7、在布局中添加toolbar和tablayout
8、在tablayout中添加app:tabMode=”scrollable”可以滑动。
app:tabMode=""fixed
app:tabGravity=”center”是居中显示,比如我有5个,都显示在中间的位置
app:tabGravity="fill"是填充均匀显示
9、找到控件后,让tablayout关联viewpager: tabLayout.setupWithViewPager(),viewpager的适配器一定要添加getPageTitle这个方法,否则,不会出现标题.
10、给TabLayout添加图标
tabLayout.getTabAt(0).setIcon(tabIcons[0]);
tabLayout.getTabAt(1).setIcon(tabIcons[1]);方式添加图标,如果viewPager适配器的不添加标题,则只显示图标。添加图标要在添加标题之后,否则无法显示。
=================
11、Tablayout添加字体在下,图标在上的。
1、在res->values的fonts.xml添加:
2、在res->values-v21同样添加一个这样的fonts.xml
3、在activity_main.xml中添加tablayout
4、在res->layout添加一个布局文件叫customer_tab.xml,用于做tab的一个布局
5、在MainAcitivity中添加setUpTabIcons();
6、最后的效果图:
链接方式:学习来自于。
http://www.androidhive.info/2015/09/android-material-design-working-with-tabs/