如何完全删除选项卡中的活动选项卡指示器？

Posted 2023-04-18

【中文标题】如何完全删除选项卡中的活动选项卡指示器？

【英文标题】：How can I completely remove active tab indicator in tab?

【发布时间】：2021-06-06 00:12:43

【问题描述】：

我想要的设计：

我试过的那个：

XML 代码：

 <com.google.android.material.tabs.TabLayout
    android:id="@+id/tl_group"
    android:layout_
    android:layout_
    android:layout_gravity="center"
    android:layout_marginStart="@dimen/card_margin"
    android:layout_marginTop="@dimen/card_margin"
    android:layout_marginEnd="@dimen/card_margin"
    android:background="@drawable/bg_tab_background"
    android:gravity="center"
    android:tabStripEnabled="false"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tb_gruop"
    app:tabBackground="@drawable/bg_tab_selector"
    app:tabGravity="fill"
    app:tabIndicator="@null"
    app:tabIndicatorHeight="0dp"
    app:tabPaddingTop="-20dp"
    app:tabPaddingBottom="-20dp"
    app:tabMode="fixed"
    app:tabRippleColor="@null"
    app:tabSelectedTextColor="@color/colorWhite"
    app:tabTextAppearance="@style/TabTextAppearance">
</com.google.android.material.tabs.TabLayout> 

bg_tab_background：

bg_tab_selector：

【问题讨论】：

添加 bg_tab_selector 和 bg_tab_background 并提出问题

【参考方案1】：

尝试使用app:tabIndicatorHeight="0dp" 这应该会有所帮助，因为它会降低 tabIndicator 的高度