从选项卡布局中的片段启动新片段不会隐藏选项卡

Question

所以我在我的应用程序中使用 ViewPager 实现了选项卡布局。每个选项卡显示一个片段。现在我想从选项卡布局中的这些片段之一打开一个新片段（我们称之为 B）（我们称之为 A）。所以 A 在选项卡布局中，但我希望 B 占据整个屏幕。我什至能够做到，但我面临的问题很小。新片段不会占据整个屏幕。相反，它只是替换了前一个片段，看起来它是选项卡布局的一部分。

这是片段 A 的布局（我从中启动新片段）。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/parent">

        <ListView
            android:id="@+id/list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:dividerHeight="0dp" />
    </FrameLayout>

</LinearLayout>

在片段 A 的类中，我使用这些行启动新片段，

Bundle bundle = new Bundle();
FragmentTransaction fragmentTransaction = getActivity()
           .getSupportFragmentManager()
           .beginTransaction();
Fragment fragmentB = new FragmentB();
fragmentB.setArguments(bundle);
fragmentTransaction.replace(R.id.parent, fragmentB);
fragmentTransaction.addToBackStack(null);
fragmentTransaction.commit();

也是我的主要活动，这些片段附加到使用 viewPager 实现 tavLayout。

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>

我最终看到了一个新片段（片段 B），但作为选项卡布局的一部分，我想隐藏选项卡布局。请帮助我，我经历了许多 SO 问题，但我觉得我做错了一些事情，因为它们对我不起作用。谢谢！！

Answer 1

我假设您能够成功地从 FragA 替换为 FragB。

我的建议是 -> 将您的 TabLayout 放入 AppBarLayout，将您的 AppBarLayout 的属性设置为 android:animateLayoutChanges="true"。

稍后在从 A->B 替换片段时，使用 setVisibility(View.GONE) 以编程方式隐藏您的 TabLayout。

Answer 2

我认为更好的方法是从 Activity 中删除 TabLayout 和 ViewPager 并将它们放在顶级 Fragment 中。在这个顶级片段中，使用 ChildFragmentManager 填充 ViewPager。

这样，每当您想从任何现有片段中启动新片段（在您的情况下为 B）时，您都可以使用 Activity 的 FrameLayout 容器将包含 Fragment（在您的情况下为 A）的整个 ViewPager 和 TabLayout 替换为全新的片段（B）。由于 Activity 不包含 ViewPager 和 Tablayout，因此它们不会在您的新 Fragment 中可见。

查看此答案以了解类似方法 - https://stackoverflow.com/a/29315649/4440874

Activity结构应该是这样的——

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<FrameLayout 
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Fragment A 布局 -

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>