带有 TabLayout 的折叠工具栏不显示工具栏

Question

我正在尝试使用 TabLayout 制作折叠工具栏，如下所示

https://i.stack.imgur.com/76m5h.gif

但我的结果是这样的

如您所见，工具栏根本没有显示。 在 java 中，我使用

将工具栏设置为操作栏

setSupportActionBar(toolbar);

我尝试了很多这样的答案和其他网站，但无法解决我的问题。

下面是我正在使用的xml。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/bg_main"
        android:orientation="vertical">

        <com.gigamole.navigationtabstrip.NavigationTabStrip
            android:id="@+id/nts_strip"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_gravity="top"
            android:background="@color/colorPrimary"
            app:layout_collapseMode="parallax"
            app:nts_active_color="@color/white"
            app:nts_animation_duration="300"
            app:nts_color="@color/white"
            app:nts_corners_radius="1.5dp"
            app:nts_inactive_color="@color/white_transparent"
            app:nts_titles="@array/nts_titles" />


        <android.support.v4.view.ViewPager
            android:id="@+id/pager_photos"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="@color/white_transparent" />
    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

这里是styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

如果您还需要什么，请告诉我。

Answer 1

CoordinatorLayout 是一个 FrameLayout，因此按顺序排列的最后一个视图与第一个视图重叠。 将app:layout_behavior="@string/appbar_scrolling_view_behavior" 添加到LinearLayout 以将其锚定到AppBarLayout 的底部。

Answer 2

您可以使用图库中的默认 android 选项卡式活动来执行此操作。对于要创建的此右键单击包->单击新导航到图库->选择Tabbed activity->在窗口中选择导航样式为Action bar tabs(with viewpager)