2017-04-26 127 views
2

在我的布局中,我有CollapsingToolbar布局在AppBarLayout内,它按照预期绘制在状态栏下方。我的布局XML是如下折叠工具栏显示额外的空间

<android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/toolbar_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:titleEnabled="false" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlways|snap"> 

      <ImageView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:foreground="@drawable/header_overlay" 
       android:scaleType="fitXY" 
       android:fitsSystemWindows="true" 
       android:src="@drawable/project_list_header" 
       app:layout_collapseMode="parallax"/> 


      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:popupTheme="@style/AppTheme.PopupOverlay"/> 

      <TextView 
       android:id="@+id/text_search" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="?attr/actionBarSize" 
       android:layout_marginTop="?attr/actionBarSize" 
       android:layout_marginLeft="@dimen/spacing_16" 
       android:layout_marginRight="@dimen/spacing_16" 
       android:background="@drawable/search_background" 
       android:drawableLeft="@drawable/ic_search_black" 
       android:drawablePadding="@dimen/spacing_12" 
       android:gravity="center_vertical" 
       android:layout_gravity="bottom" 
       android:hint="@string/search_project_hint" 
       android:paddingBottom="@dimen/spacing_14" 
       android:paddingLeft="@dimen/spacing_14" 
       android:paddingRight="@dimen/spacing_14" 
       android:paddingTop="@dimen/spacing_14" 
       android:textColorHint="@color/black_70" 
       android:textSize="@dimen/text_14" 
       tools:hint="@string/search_project_hint"> 
      </TextView> 
      <android.support.design.widget.TabLayout 
       android:id="@+id/tab_layout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="bottom" 
       app:layout_collapseMode="pin" 
       app:tabGravity="fill" 
       app:tabMode="fixed"/> 

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


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

这使屏幕下方

Normal image

但是,当我向下滚动,它给出了最高额外的黑色间隔和在AppBarLayout

Extra spacing底部如果我删除enterAlways国旗app:layout_scrollFlags,那么额外的间距不见了,但当我向上滚动时,AppBar不显示。

那么如何删除该间距并在滚动时显示AppBar

回答

0

太晚了回复,但我认为这个解决方案也许对你有所帮助: -

 <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     app:contentInsetRight="0dp" 
     app:contentInsetEnd="0dp" 
     android:contentInsetRight="0dp" 
     android:contentInsetEnd="0dp" 
     android:paddingEnd="0dp" 
     android:paddingTop="0dp" 
     app:layout_collapseMode="parallax" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed|snap" 
     app:titleEnabled="false">