スクロールでcollapsingToolbarLayoutの色を変更する

Question

私は解決策を見つけることができません問題に遭遇しました。私は問題の小さなクリップを作った。私が欲しいもの Video

それがFacebookアプリで起こるとすぐに私はcollapsingToolbarLayout色をスクロールすると、ツールバーの色に変更し始めるべきであるということです。ご覧のとおり、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"を試してみてください。とにかく、あなたはあなたが望む外観を得るためにその価値を調整することができるはずです。