2015-11-05 90 views
0

我添加了一个CollapsingToolbarLayout,它将背景图像放大并变形为工具栏。我已经实现了代码,它确实变成了工具栏,但问题是工具栏始终保持可见状态,即使在collapsingToolbar布局的ImageView的顶部,即使在非折叠模式下,也可以看到。我不明白为什么会发生这种情况。以下是代码:工具栏在Uncollapsed CollapsingToolbar顶部可见

<?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" 
    android:id="@+id/coordinatorLayoutForCollapsingBarActivity" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    android:orientation="vertical"> 

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

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

      <ImageView 
       android:layout_width="match_parent" 
       android:layout_height="290dp" 
       android:fitsSystemWindows="true" 
       android:scaleType="fitXY" 
       android:src="@drawable/chicking_riding_converted" 
       app:layout_collapseMode="parallax" /> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/collapsingToolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       android:background="?attr/colorPrimary" 
       app:title="MyToolbarTitle" 
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

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

    <android.support.v4.widget.NestedScrollView 
     android:id="@+id/scroll" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:clipToPadding="false" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf v jkljsdflk ajsdfkj asdklfj adsklfj asklfj adsklf jasdklfj ak fjasklfj adskl fjadkl fjadskl fjakl fjaksl fjakl fjasldk fjadskl fjask fjalfj adkfj asdkl fjaklf jasklfj aklf jadsklf jadslkf jadsklf jadkfl jasdlkf jaklf jadkl fjaskl fjasklf jadskl fjadsklf jaslk fjadslkf jaslkfjadslkfasjfkl jfklasdjfksfaklj asdklfj askl fjakl jflk jflk jalksdjf adsklfjasdklfj ads jfadskl jfadkfj adskl fjadklf jadsklf jakl fj k" 
      android:textAppearance="@android:style/TextAppearance.Material.Medium" /> 

    </android.support.v4.widget.NestedScrollView> 

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

这是什么样子:

enter image description here

是什么原因造成的工具栏,以这样的表现?

回答

0

尝试设置

app:layout_collapseMode="parallax" 

Toolbar元件内部。

2

这是工具栏的背景。将其从工具栏中删除:

android:background="?attr/colorPrimary" 

...并且它将是透明的。

如果崩溃时保持透明,这增加了CollapsingToolbarLayout:

app:contentScrim="?attr/colorPrimary" 

...,它会采用背景色崩溃时。