时间戳

首页 > 解决方案 > 使选项卡布局指示器小于选项卡标题

android - 使选项卡布局指示器小于选项卡标题

问题描述

为选项卡布局选项卡制作小指示器。我已经尝试使用 tabIndicatorFullWidth 但它只包含选项卡的标题，我想让它更小。

示例图像： 例子

标签： androidxmlindicator

解决方案

您可以将自定义指标 drawable 用于小型指标选项卡。

像这样>>

tab_layout_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="20dp"
        android:height="5dp"
        android:gravity="center">
        <shape android:shape="rectangle">
            <corners android:radius="5dp"/>
            <solid android:color="@color/green"></solid>
             
        </shape>
    </item>
</layer-list>

并将此指示器用于您的 xml 布局文件。

<com.google.android.material.tabs.TabLayout
                        android:id="@+id/tabs"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        app:tabIndicator="@drawable/tab_layout_indicator"
                        app:tabGravity="fill"
                        app:tabMode="scrollable"        
                      ></com.google.android.material.tabs.TabLayout>

推荐阅读