如何去掉TabLayout的下划线
在Android开发中，TabLayout是一个常用的UI组件，用于展示多个选项卡。默认情况下，TabLayout会在选项卡底部绘制一个下划线，但有时候我们可能希望去掉这个下划线。下面将介绍如何实现这个功能。
第一步：创建TabLayout
首先，在布局文件中添加TabLayout组件，在TabLayout中添加选项卡，如下所示：
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed">
<android.support.design.widget.TabItem
android:text="Tab 1" />
<android.support.design.widget.TabItem
android:text="Tab 2" />
<android.support.design.widget.TabItem
android:text="Tab 3" />
</android.support.design.widget.TabLayout>
第二步：去掉下划线
要去掉TabLayout的下划线，我们需要自定义TabLayout的样式。首先，在res目录下的values文件夹中创建一个新的styles.xml文件，然后添加以下代码：
<style name="CustomTabLayout" parent="Widget.Design.TabLayout">
<item name="tabIndicatorHeight">0dp</item>
</style>
上面代码中，我们自定义了一个样式CustomTabLayout，并将其父样式设置为Widget.Design.TabLayout。接下来，我们将tabIndicatorHeight属性设置为0dp，以去掉下划线。
然后，在布局文件中的TabLayout组件中添加以下代码：
style="@style/CustomTabLayout"
这样，TabLayout的样式就会被修改为自定义样式CustomTabLayout，从而去掉下划线。
第三步：设置选中和未选中的文本颜色
由于去掉下划线后，选中和未选中的选项卡可能无法明显区分，因此我们可以设置选中和未选中的文本颜色来区分它们。在res目录下的colors.xml文件中添加以下代码：
<color name="tab_selected">红色</color>
<color name="tab_unselected">灰色</color>
然后，在布局文件中的TabLayout组件中添加以下代码：
app:tabTextColor="@color/tab_selected"
app:tabSelectedTextColor="@color/tab_unselected"
这样，选中的选项卡文本颜色会变为灰色，未选中的选项卡文本颜色会变为红色，从而明显区分它们。
类图
以下是TabLayout的类图：
classDiagram
TabLayout <|-- CustomTabLayout
TabLayout : +void setTabIndicatorHeight(int height)
CustomTabLayout : +void setTabIndicatorHeight(int height)
上面的类图展示了TabLayout和CustomTabLayout的类关系，CustomTabLayout继承自TabLayout，并添加了设置tabIndicatorHeight属性的方法。
状态图
以下是TabLayout的状态图：
stateDiagram
[*] --> Unselected
Unselected --> Selected : tabSelected()
Selected --> Unselected : tabUnselected()
Unselected --> Unselected : tabReselected()
上面的状态图展示了TabLayout的状态变化，从初始状态开始，通过tabSelected()方法可以切换到选中状态，通过tabUnselected()方法可以切换到未选中状态，tabReselected()方法可以在未选中状态下保持未选中状态。
通过以上步骤，我们可以很容易地去掉TabLayout的下划线，并通过设置选中和未选中的文本颜色来区分选项卡。希望本文能对你有所帮助。
