在 NavigationDrawer 中添加 ViewPager

Question

我正在使用“导航抽屉 Activity”模板开发 Android 应用程序。

在此模板中，每次单击导航菜单项都会打开一个片段。

第一个片段是 TextView 的简单片段。第二个片段是包含 TabLayout 和 ViewPager 以导航到其他片段的片段。

我唯一的问题是，由于 TabLayout 和 ViewPager 是在布局的片段中创建的，因此与 actionBar 不同时创建，我在 actionBar 和 TabLayout 之间有一个阴影。选中的片段指示符也有点奇怪

主要Activity布局:

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/Theme.BodetTag.AppBarOverlay">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        app:popupTheme="@style/Theme.BodetTag.PopupOverlay">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            tools:ignore="UseCompoundDrawables">

            <ImageView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@drawable/bodet_icon_mini"
                android:contentDescription="@string/bodet_icon" />

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:minHeight="?actionBarSize"
                android:padding="@dimen/appbar_padding"
                android:text="@string/app_name"
                android:textAppearance="@style/TextAppearance.Widget.AppCompat.Toolbar.Title" />

        </LinearLayout>
    </androidx.appcompat.widget.Toolbar>

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

片段布局:

<?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"
    tools:context=".ui.tag.TagFragment">

    <TextView
        android:id="@+id/text_tag"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:textAlignment="center"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:layout_constraintTop_toTopOf="parent"
        app:tabIndicatorColor="@color/white"
        app:tabSelectedTextColor="@color/white" />

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:paddingTop="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

在片段布局中：

尝试将 ViewPager 高度从 match_parent 更改为 550dp（或适合您的高度，例如 450dp 或 455dp）。

不要使用 match_parent，因为它也会覆盖您的 TabLayout。

请告诉我它是否有效。谢谢

Answer 2

我已经部分找到问题的答案。

首先，TabLayout 太高了。所以我简单地删除了 TabLayout 布局中的以下行：

android:minHeight="?attr/actionBarSize"

那么，去除actionBar和tabLayout之间的阴影，有以下几种方案：

在 AppBarLayout 中添加以下行（这将删除应用程序所有片段的阴影）：
```
app:elevation="0dp"
```

在包含 TabLayout 的片段中添加以下行：

(activity as AppCompatActivity).supportActionBar!!.elevation = 0f

目前只有第一种方法有效，第二种方法更准确。

在 NavigationDrawer 中添加 ViewPager

Adding a ViewPager inside a NavigationDrawer

android

android-fragments

android-viewpager