效果图:
注入依赖(28以上):
implementation 'com.android.support:design:28.0.0'
xml布局文件
<android.support.design.widget.TabLayout android:id="@+id/tl_main" android:layout_width="190dp" android:layout_height="?attr/actionBarSize" app:tabIndicatorColor="@color/colorPrimaryDark" app:tabIndicatorHeight="3dp" app:tabTextColor="@android:color/black" app:tabIndicatorFullWidth="false" android:layout_gravity="center" app:tabMode="fixed" app:tabGravity="fill" app:tabSelectedTextColor="@color/colorPrimaryDark"> </android.support.design.widget.TabLayout>
解说一下: app:tabIndicatorFullWidth="false" //下划线长度随文字长度 android:layout_gravity="center" app:tabMode="fixed" app:tabGravity="fill"//居中设置
注意:通过 android:layout_height="?attr/actionBarSize"来调节文字与下划线的距离
来源:https://blog.csdn.net/day_moon/article/details/99693012