【Android】Material TabLayout使用详解

基本用法

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.TabLayoutapp:tabIndicatorColor="@color/xxx"app:tabRippleColor="@color/xxx"app:tabTextColor="@color/xxx"app:tabSelectedTextColor="@color/xxx"
/>

设置Tab大小

<com.google.android.material.tabs.TabLayoutapp: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.TabLayoutapp:tabMinWidth="@dimen/dp_1"app:tabPadding="@dimen/dp_12"
/>

设置字体

<com.google.android.material.tabs.TabLayoutapp: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>