Изменение цвета collapsingToolbarLayout на прокрутке

Question

Так что у меня возникла проблема, на которую я не могу найти решение. Я сделал небольшой клип проблемы. Video

Что я хочу, что, как только я прокручивать collapsingToolbarLayout цвет должен начать изменения в цвет панели инструментов, как это происходит в facebook приложение. Как вы можете видеть, он начинается после того, как он покрывает 3/4 высоты collapsingToolbarLayout.

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

Указывает количество видимых высоты в пикселях используется для определения, когда, чтобы вызвать изменение полотняный видимости.

Поскольку ваша панель приложений имеет высоту 280 точек на дюйм, настройка app:scrimVisibleHeightTrigger="240dp" должна работать.

Я не помню, если это сверху или снизу, поэтому, если это сильно изменится, попробуйте app:scrimVisibleHeightTrigger="20dp". Во всяком случае, вы должны иметь возможность настроить эту ценность, чтобы получить нужный вам вид.