使用TabLayout折叠工具栏不显示工具栏

Question

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

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

但我的结果就像这个

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

将工具栏设置为操作栏

install_plugin.js, register_plugin.js, deregister_plugin.js

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

下面是我正在使用的xml。

setSupportActionBar(toolbar);

这是<?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

如果您还有其他需要，请告诉我。

Answer 1

CoordinatorLayout是一个FrameLayout，因此最后一个视图按顺序与第一个视图重叠。 将s添加到LinearLayout以将其锚定到AppBarLayout的底部。

Answer 2

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