AndroidX TabLayout使用、扩展及解析All In One

本文详细介绍了AndroidX TabLayout的使用方法和扩展,包括如何代码添加tab、控制指示器、添加图标、设置Tab的Padding和Margin、自定义Tab布局等。通过源码分析,展示了TabLayout的工作原理,并提供了实际应用场景的示例代码。
摘要由CSDN通过智能技术生成

</androidx.viewpager.widget.ViewPager>

3.使用详解

这里很多人都使用的都是design 28,主工程的gradle的配置根据不同情况改。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工程库引用

上面三种使用方法,我们使用新的库androidx看下使用的效果图:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

基础库使用效果

3.1 使用扩展

这里列举一下主要使用到到属性,只列举几个,具体可看官方文档。

|
属性

|

|

说明

|
| — | — | — |
|

tabMode

|

scrollable/fixed

|

tab是水平可滚动的还是固定宽,个数较少的时候可以使用fixed,如果标签超出了屏幕范围,设置为scrollable比较好

|
|

tabGravity

|

fill/center

|

tab的布局是布满空间还是居中

|
|

tabIndicatorHeight

|

(dp/pix)

|

底部滑动线条的高度

|
|

tabMaxWidth

|

(dp/pix)

|

Tab的最大宽度

|
|

tabTextColor

|

颜色值

|

默认样式未选中颜色

|
|

app:tabSelectedTextColor

|

颜色值

|

选中颜色

|

3.2 典型的使用场景

(1)代码添加tab

//TabLayout的基本使用
for(int i=0;i<mTitles.length;i++){
TabLayout.Tab tab=mTabLayout.newTab();
tab.setTag(i);
tab.setText(mTitles[i]);
mTabLayout.addTab(tab);
}

(2)不需要指示器

属性设置
app:tabIndicatorHeight=“0dp”

有时候想指示器的宽度小一些,可以参考文章Tablayout使用全解,一篇就够了 修改指示线长度(利用的反射,感觉不如自己基于源码封装一个,可以自定义长度)。

(3)添加图标

TabItem有个上下结构的默认布局,这里使用默认的

tabLayout1.addTab(tabLayout1.newTab().setText(“Tab 4”).setIcon(R.mipmap.ic_launcher));

(4&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值