TabLayout 使用案例

发布时间：2024-04-26 08:59:00

TabLayout 是 Android 中的一个控件，用于展示标签页。它通常与 ViewPager 结合使用，可以实现横向滑动的标签页导航。TabLayout 提供了一个横向的布局，可以显示多个标签页，每个标签页都可以通过单击或滑动来切换。在 Android 的 Material Design 风格中，TabLayout 是一个重要的组件。

一、使用简单案例

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="0dp"
    android:layout_weight="6"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    app:tabIndicatorColor="#F75731"
    app:tabIndicatorFullWidth="false"
    app:tabRippleColor="@android:color/transparent"
    app:tabIndicator="@drawable/tablayout_indicator"
    app:tabPaddingBottom="-28dp"
    app:tabPaddingTop="-10dp"
    app:tabSelectedTextColor="#F75731"
    app:tabTextColor="@color/black" />

1、控制下划线宽度设置 【tablayout_indicator.xml】

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:gravity="center_horizontal">
        <shape>
            <size android:width="19dp"
                android:height="2dp"/>
        </shape>
    </item>
</layer-list>