TabLayout(动态添加自定义tab)+ViewPager
2018-05-13 本文已影响1221人
我的资讯圈
1.布局如下:
TabLayout+ViewPager2.动态添加自定义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"));
更简单的方式:
<TabLayout>
<TabItem/>
<TabItem/>
</TabLayout>
添加自定义tab方式:
(1)动态为TabLayout添加tab (2)子tab的布局3.选中改变tab字体颜色(需要在res/color之下创建)
选中改变字体颜色4.选中改变背景颜色+边框
属性:
solid设置填充颜色,颜色值以#80开头表示透明
stroke 设置边框宽度,颜色值
corners设置圆角
选中改变背景+边框5.运行起来后:
运行起来的样子TabLayout属性:
tabIndicatorColor:Tab下面的横线颜色
tabTextColor:tab默认的文字颜色
tabSelectedTextColor:选中的tab的字体颜色
tabMode:模式(Scrollable fixed). 其中的fixed模式需要和tabGravity属性配合使用,此时tabGravity属性值为fill.
tabIndicatorHeight:设置tab底部的横线高度.为0dp时,不显示.