Android随笔之TabLayout

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,添加颜色

colors.xml

4、打开dimens.xml,添加

dimens.xml

5、打开样式style.xml.添加一些tablayout的样式：

style.xml

values-v21的添加

style.xml

5、在activity和application以及在布局中都可以添加主题的方式添加进去。

6、创建多个fragment，并且创建fragment的名字。

添加标题及fragment

7、在布局中添加toolbar和tablayout

activity_main.xml

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添加：

fonts.xml

2、在res->values-v21同样添加一个这样的fonts.xml

3、在activity_main.xml中添加tablayout

acitvity_main.xml

4、在res->layout添加一个布局文件叫customer_tab.xml,用于做tab的一个布局

customer_tab.xml

5、在MainAcitivity中添加setUpTabIcons();

setupTabIcons()

6、最后的效果图：

最终效果图

链接方式：学习来自于。

http://www.androidhive.info/2015/09/android-material-design-working-with-tabs/