【Android】Material TabLayout使用详解

最新推荐文章于 2025-03-18 21:17:08 发布

ByteFlys

最新推荐文章于 2025-03-18 21:17:08 发布

阅读量661

点赞数 2

分类专栏： android 文章标签： android Material TabLayout 分页切换标签切换

本文链接：https://blog.csdn.net/u013718730/article/details/140025739

版权

android 专栏收录该内容

377 篇文章

订阅专栏

基本用法

TabItem可以设置text，icon，layout三个属性

其它属性都通过TabLayout来统一设置

<com.google.android.material.tabs.TabLayout>
  <com.google.android.material.tabs.TabItem/>
  <com.google.android.material.tabs.TabItem/>
  <com.google.android.material.tabs.TabItem/>
</com.google.android.material.tabs.TabLayout>

设置Tab颜色

<com.google.android.material.tabs.TabLayout
  app:tabIndicatorColor="@color/xxx"
  app:tabRippleColor="@color/xxx"
  app:tabTextColor="@color/xxx"
  app:tabSelectedTextColor="@color/xxx"
/>

设置Tab大小

<com.google.android.material.tabs.TabLayout
  app:tabIndicatorFullWidth="false"
  app:tabMinWidth="@dimen/dp_100"
  app:tabMaxWidth="@dimen/dp_100"
  app:tabIndicatorHeight="@dimen/dp_50"
/>

设置Tab边距

未指定宽度时，TabItem会使用默认宽度

这样padding就无效果了，所以设置padding时，要给定一个最小宽度

<com.google.android.material.tabs.TabLayout
  app:tabMinWidth="@dimen/dp_1"
  app:tabPadding="@dimen/dp_12"
/>

设置字体

<com.google.android.material.tabs.TabLayout
	app:tabTextAppearance="@style/TabLayoutAppearance"
/>

<style name="TabLayoutAppearance" parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse">
  <item name="android:textSize">18dp</item>
  <item name="android:fontFamily">sans-serif</item>
  <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_Medium</item>
</style>