在片段内折叠工具栏布局在顶部

时间:2016-08-05 20:28:56

标签: android android-layout android-collapsingtoolbarlayout

我正在开发一个项目,当我尝试在片段中添加折叠布局时,它会在顶部留下空白enter image description here

如下图所示,在活动中使用的工具栏中,一旦我添加了折叠工具栏,它就会留下橙色以上的空白空间。

这是Fragment的代码。

<?xml version="1.0" encoding="utf-8"?>

xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

     <android.support.design.widget.CollapsingToolbarLayout
         android:layout_width="match_parent"
         android:layout_gravity="fill_vertical"
         android:layout_height="220dp"
         app:contentScrim="@android:color/transparent"
         app:layout_scrollFlags="scroll|exitUntilCollapsed"
         app:statusBarScrim="@android:color/transparent"
         >

         <ImageView
             android:layout_width="match_parent"
             android:layout_height="220dp"
             android:background="@color/review_orange"
             android:src="@drawable/icon_collabartion" />



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


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


    <android.support.v7.widget.RecyclerView
        android:layout_marginTop="10dp"
        android:id="@+id/rcv_showTimings"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="fill_vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />







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

2 个答案:

答案 0 :(得分:2)

我知道这是一个老问题,但让我暗示你!

您有一项主要活动。

你有10个片段。

您的主要活动可以托管10个片段。

正如Kris所说,你需要将工具栏保留在那里,你不应该移动它,然后在创建你的片段之后,在该片段中设置一个监听器,该监听器调用活动内部的剩余初始化序列,如果没有,则无法初始化创建片段。 (Drawer + NavigationView(来自活动),包含工具栏的CollapsingLayout(在您的片段中)。

答案 1 :(得分:1)

首先,确保您使用的是AppCompat中的NoActionBar主题之一。

您需要在Toolbar中添加CollapsingToolbarLayout

 <android.support.design.widget.CollapsingToolbarLayout
     android:layout_width="match_parent"
     android:layout_gravity="fill_vertical"
     android:layout_height="220dp"
     app:contentScrim="@android:color/transparent"
     app:layout_scrollFlags="scroll|exitUntilCollapsed"
     app:statusBarScrim="@android:color/transparent"
     >

     <ImageView
         android:layout_width="match_parent"
         android:layout_height="220dp"
         android:background="@color/review_orange"
         android:src="@drawable/icon_collabartion" />

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

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