TabLayout(动态添加自定义tab)+ViewPager

1.布局如下:

TabLayout(动态添加自定义tab)+ViewPager_第1张图片
TabLayout+ViewPager

2.动态添加自定义tab,如下:

添加普通tab方式:

tabLayout = (TabLayout)findViewById(R.id.tablayout);

tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));

tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));

tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));

更简单的方式:

添加自定义tab方式:

TabLayout(动态添加自定义tab)+ViewPager_第2张图片
(1)动态为TabLayout添加tab


TabLayout(动态添加自定义tab)+ViewPager_第3张图片
(2)子tab的布局

3.选中改变tab字体颜色(需要在res/color之下创建)


TabLayout(动态添加自定义tab)+ViewPager_第4张图片
选中改变字体颜色

4.选中改变背景颜色+边框

属性:

solid设置填充颜色,颜色值以#80开头表示透明

stroke 设置边框宽度,颜色值

corners设置圆角


TabLayout(动态添加自定义tab)+ViewPager_第5张图片
选中改变背景+边框

5.运行起来后:


TabLayout(动态添加自定义tab)+ViewPager_第6张图片
运行起来的样子

TabLayout属性:

tabIndicatorColor:Tab下面的横线颜色

tabTextColor:tab默认的文字颜色

tabSelectedTextColor:选中的tab的字体颜色

tabMode:模式(Scrollable fixed).    其中的fixed模式需要和tabGravity属性配合使用,此时tabGravity属性值为fill.

tabIndicatorHeight:设置tab底部的横线高度.为0dp时,不显示.

你可能感兴趣的:(TabLayout(动态添加自定义tab)+ViewPager)