navigation drawer和tabs 同时使用，结果抽屉被压在了tabs的下方

Question

想实现将drawer覆盖住tabs的效果，搜索出的方法是改变导航模式，但是没有找到进一步的介绍。还有为tabs添加一个容器的方法，但也没找到具体方法，还请大神解决

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要实现Drawer覆盖Tabs的效果，你可以考虑以下几种方法：

1. 使用TabLayout与NavigationView结合使用。
2. 在TabLayout中嵌套一个ScrollView来容纳Drawer。

下面是具体的步骤：

方法一：使用TabLayout与NavigationView

步骤 1: 创建布局文件

首先，在你的AndroidManifest.xml中创建一个新的<activity>标签，用于包含Navigation Drawer和TabLayout：

<activity android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

然后，创建一个NavHostFragment并将它设置为主Activity的根：

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        NavHostFragment navHostFragment = (NavHostFragment)
                getSupportFragmentManager().findFragmentById(R.id.nav_host_fragment);
        if (navHostFragment != null) {
            NavigationUI.setupWithNavController(navHostFragment.getNavController(), findViewById(R.id.nav_view));
        }
    }
}

步骤 2: 创建XML布局文件

接着，在activity_main.xml文件中添加一个NavigationView和一个TabLayout，并将其放在同一个视图中：

<?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">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:context=".MainActivity">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            app:tabMode="fixed" />

        <androidx.coordinatorlayout.widget.CoordinatorLayout
            android:id="@+id/coordinator_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#f3f3f3">

            <com.google.android.material.navigation.NavigationView
                android:id="@+id/nav_view"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                app:menu="@menu/navigation_drawer_menu" />

            <com.google.android.material.tabs.TabItem
                android:id="@+id/tab_item_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tab 1" />

            <com.google.android.material.tabs.TabItem
                android:id="@+id/tab_item_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tab 2" />

        </androidx.coordinatorlayout.widget.CoordinatorLayout>

    </com.google.android.material.appbar.AppBarLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

步骤 3: 设置属性

确保你的应用已获取到正确的主题资源，并且设置了相应的背景颜色。此外，你需要根据实际情况调整tab_layout、tab_item_1和tab_item_2的宽度和高度。

方法二：使用TabLayout和ScrollView

如果你希望在TabLayout中嵌套一个ScrollView以容纳Drawer，可以按照以下方式操作：

步骤 1: 创建布局文件

在activity_main.xml中添加一个ScrollView：

<ScrollView
    android:id="@+id/scroll_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 这里可以添加其他内容 -->

</ScrollView>

步骤 2: 创建XML布局文件

接下来，创建一个TabLayout和一个RecyclerView，并在其中显示Drawer的内容：

<?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">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed" />

    <com.google.android.material.tabs.TabWidget
        android:id="@+id/widget_tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:listitem="@layout/drawer_item" />

</androidx.constraintlayout.widget.ConstraintLayout>

步骤 3: 设置属性

确保你的应用已获取到正确的主题资源，并且设置了相应的背景颜色。此外，你需要根据实际情况调整widget_tab的宽度和高度。

通过上述两种方法，你可以在TabLayout中嵌套一个ScrollView来容纳Drawer，从而实现在Drawer上覆盖Tabs的效果。