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

</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)添加图

  • 27
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值