Android的TabLayout未铺满如何解决

2023-03-09 20:32:24 浏览数 (2)

继上次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">
android dp fixed match parent

0 人点赞