Android开发：如何移除Toolbar与TabLayout间无法消除的分隔线？

嘿，我来帮你搞定这个烦人的分隔线问题！你已经尝试了设置elevation="0dp"和更换容器，但没效果，那大概率是布局层级或者Material组件默认样式的问题，咱们一步步来排查：

1. 先修正TabLayout的嵌套错误（最可能的根源） #

我看你把TabLayout直接嵌套在ViewPager里面了，这其实是错误的用法哦！ViewPager是滑动内容的容器，内部应该只放Fragment的内容，TabLayout应该和它同级放置，这样布局层级才正确，不会因为ViewPager的默认规则产生莫名间隙。

把你的one.xml改成这样：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:id="@+id/srlRefresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/pager"
            android:background="@color/grayBackground"
            android:layout_width="match_parent"
            android:layoutDirection="ltr"
            android:layout_height="match_parent"
            app:layout_constraintTop_toBottomOf="@+id/tab"/>
    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

    <!-- 将TabLayout移到ViewPager外，和它同级，并让ViewPager顶部分别到TabLayout底部 -->
    <com.google.android.material.tabs.TabLayout
        app:elevation="0dp"
        android:id="@+id/tab"
        android:background="@color/green"
        app:tabTextColor="@color/white"
        app:tabSelectedTextColor="@color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabTextAppearance="@style/tab_text"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent">
    </com.google.android.material.tabs.TabLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

改完之后，记得在Fragment代码里关联TabLayout和ViewPager：

tabLayout.setupWithViewPager(viewPager)

2. 彻底移除Toolbar的阴影/轮廓 #

除了设置app:elevation="0dp"，还要加上android:outlineProvider="none"，因为部分版本的Material组件，即使elevation为0，outlineProvider仍会绘制阴影轮廓，导致出现类似分隔线的效果：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    app:theme="@style/ToolbarColoredBackArrow"
    style="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/green"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:titleTextAppearance="@style/Toolbar.TitleText"
    app:elevation="0dp"
    android:outlineProvider="none" > <!-- 新增这行 -->
    <!-- 你的Button组件 -->
</androidx.appcompat.widget.Toolbar>

3. 检查Fragment容器的padding/margin #

确保MainActivity里的container容器（不管是FrameLayout还是RelativeLayout）没有设置顶部padding，比如检查是否有android:paddingTop属性，如果有就删掉，避免Fragment内容和Toolbar之间产生间隙。

4. 清除主题中的默认分隔线 #

检查你的App主题（在styles.xml里），如果设置了windowContentOverlay相关属性，把它设为@null，消除系统默认的顶部分隔线：

<style name="YourAppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- 其他主题属性 -->
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowContentOverlay">@null</item>
</style>

按照这个顺序尝试，先解决TabLayout的嵌套问题，应该就能消除那条讨厌的分隔线了！

内容的提问来源于stack exchange，提问作者sara aaa