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

2018-05-13  本文已影响1221人  我的资讯圈

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"));

更简单的方式:

<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时,不显示.

上一篇下一篇

猜你喜欢

热点阅读