Android TabLayout 不设置下划线

原创

mob649e8156b567 2023-07-23 07:08:31 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e8156b567的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android TabLayout 不设置下划线

在Android开发中，TabLayout是一个常用的控件，用于实现选项卡切换功能。默认情况下，TabLayout会在选项卡的底部绘制一个下划线，用于表示当前选中的选项卡。但是在某些情况下，我们可能希望去掉这个下划线。本文将介绍如何在Android中使用TabLayout控件时不设置下划线。

使用TabLayout控件

首先，我们需要在XML布局文件中添加TabLayout控件。以下是一个简单的示例：

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    app:tabGravity="fill"
    app:tabIndicatorHeight="0dp"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@android:color/white"
    app:tabTextColor="@android:color/white" />

在这个示例中，我们设置了TabLayout的一些属性，如背景色、选项卡的对齐方式、文字颜色等。

接下来，在Java代码中，我们需要与TabLayout控件进行关联，并添加选项卡。以下是一个简单的示例：

TabLayout tabLayout = findViewById(R.id.tab_layout);
ViewPager viewPager = findViewById(R.id.view_pager);

MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);

在这个示例中，我们使用ViewPager来管理选项卡的内容。通过调用setupWithViewPager()方法，我们将TabLayout和ViewPager进行关联，实现选项卡的切换功能。

去掉下划线

要去掉TabLayout控件的下划线，我们需要设置app:tabIndicatorHeight属性为0dp。这样就可以将下划线的高度设置为0，从而达到去掉下划线的效果。

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    app:tabGravity="fill"
    app:tabIndicatorHeight="0dp"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@android:color/white"
    app:tabTextColor="@android:color/white" />

在这个示例中，我们将app:tabIndicatorHeight属性设置为0dp，即将下划线的高度设置为0。这样就可以去掉TabLayout控件的下划线。