滚动时更改collapsingToolbarLayout的颜色

Question

因此，我遇到了一个问题，我无法找到解决方案。我做了一个小问题的剪辑。 Video

我想要的是，只要我滚动collapsingToolbarLayout颜色应该开始改变为工具栏颜色，因为它发生在Facebook应用程序中。正如你所看到的，当它覆盖了collapsingToolbarLayout的3/4高度时开始。

XML：

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


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


     <RelativeLayout 
      android:id="@+id/layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <ImageView 
       android:id="@+id/imageV" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:adjustViewBounds="true" 
       android:contentDescription="@null" 
       android:fitsSystemWindows="true" 
       android:scaleType="centerCrop" 
       android:transitionName="image" 
       app:layout_collapseMode="parallax" 
       tools:targetApi="lollipop" /> 

      <View 
       android:id="@+id/view" 
       android:layout_width="match_parent" 
       android:layout_height="280dp" 
       android:background="#200000" /> 

     </RelativeLayout> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar1" 
      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> 

得到任何帮助。谢谢。

Answer 1

CollapsingToolbarLayout具有称为app:scrimVisibleHeightTrigger

一个属性指定用于定义何时触发稀松布能见度变化可见高度的以像素为单位的量。

由于您的应用栏的高度为280dp，因此设置app:scrimVisibleHeightTrigger="240dp"应该可以工作。

我不记得那是从顶部还是从底部，所以如果这使得改变真的很晚，请尝试app:scrimVisibleHeightTrigger="20dp"。无论如何，你应该能够调整这个价值来获得你想要的外观。