前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android的TabLayout未铺满如何解决

Android的TabLayout未铺满如何解决

作者头像
程思扬
发布2023-03-09 20:32:24
8740
发布2023-03-09 20:32:24
举报
文章被收录于专栏:程思阳的专栏

继上次Android设置TabLayout及下划线宽度 后发现有个问题没补充 最近在修改界面时,发现之前的TabLayout宽度没撑满,并且设置了TabLayout.MODE_FIXED也没有生效,TabItem还是没有填满屏幕而是居中显示,原来需要设置 查资料后,具体的参数设置如下便可解决:

  1. 宽度一定要设置成 match_parent, 即
代码语言:javascript
复制
android:layout_width="match_parent"
  1. tabGravity设置成fill, 即
代码语言:javascript
复制
 app:tabGravity="fill"
  1. tabMaxWidth设置成 0dp, 即
代码语言:javascript
复制
app:tabMaxWidth="0dp"
这个是一定要设置的
  1. tabMode设置成fixed, 即
代码语言:javascript
复制
app:tabMode="fixed"

完成以上四步就可以铺满整个屏幕宽度了

代码语言:javascript
复制
<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_48"
    app:tabMaxWidth="@dimen/dp_0"
    app:tabBackground="@color/white"
    app:tabGravity="fill"
    app:tabIndicator="@drawable/center_tab_line"
    app:tabIndicatorFullWidth="false"
    app:tabIndicatorHeight="2dp"
    app:tabMode="fixed"
    app:tabRippleColor="@null"
    app:tabSelectedTextColor="#1E90FF"
    tools:ignore="MissingConstraints">
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档