使用CoordinatorLayout滾動時更改工具欄背景Alpha值

Question

我目前正在嘗試使用CoordinatorLayout類來調整Toolbar不透明度，具體取決於滾動位置的ScrollView。我成功地做了這個「手動鏈接」這兩個視圖，聆聽滾動事件ScrollView並報告我的背景的Alpha值。

的有用的行爲是：

工具欄是在透明狀態（文本和背景）開始，並最終完全白色背景和黑色文本當一個視圖被完全滾動。

該行爲大致是這樣的：Youtube video。

當前實現

佈局文件（簡化的）

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:fitsSystemWindows="true"> 

    <ScrollView 
     android:id="@+id/scrollView" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical"> 

      <my.package.widgets.DetailsTop 
       android:id="@+id/layout_details_top" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" /> 

      <my.package.widgets.DetailsBottom 
       android:id="@+id/layout_details_bottom" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" /> 
     </LinearLayout> 
    </ScrollView> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="#00FFFFFF"/> 
</RelativeLayout> 

片段執行

public class SearchVehicleDetailsFragment extends BaseFragment<SearchContract.ParentView> { 

    @Bind(R.id.layout_details_top) DetailsTop detailsTopLayout; 
    @Bind(R.id.layout_details_bottom) DetailsBottom detailsBottomLayout; 
    @Bind(R.id.scrollView) ScrollView scrollView; 
    @Bind(R.id.toolbar) Toolbar toolbar; 

    @Override 
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) { 
     super.onViewCreated(view, savedInstanceState); 

     scrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() { 
      @Override 
      public void onScrollChanged() { 
       float alpha = (float) scrollView.getScrollY()/vehicleDetailsTopLayout.getHeight(); 
       toolbar.setBackgroundColor(getColorWithAlpha(alpha, getResources().getColor(R.color.white))); 
       toolbar.setTitleTextColor(getColorWithAlpha(alpha, getResources().getColor(R.color.dark_grey))); 
      } 
     }); 
    } 

    public static int getColorWithAlpha(float alpha, int baseColor) { 
     int a = Math.min(255, Math.max(0, (int) (alpha * 255))) << 24; 
     int rgb = 0x00ffffff & baseColor; 
     return a + rgb; 
    } 
} 

問題

但是，即使以前的代碼片段是一個特別簡單的解決方案，似乎完美工作，但我只是有點困惑，爲什麼它不適用於CoordinatorLayout。另外，我發現一個人似乎已經通過自定義的CoordinatorLayout.Behavior<android.support.v7.widget.Toolbar>實現來完成這項任務。你可以看看他的custom CoordinatorLayout.Behavior implementation。他還提供了一些關於Medium的細節。然而，由於很多剛<android.support.v7.widget.Toolbar .../>，而不是完整Toolbar標籤和強大的缺乏支持設計庫的作品如何這部分的理解，我從來沒有能夠實現它...

問題

我想了解CoordinatorLayout及其周圍的所有類如何協同工作。所以我可能會實現我正在尋找的行爲，即：將ScrollView滾動位置鏈接到工具欄背景顏色的Alpha值。

顯然，如果你還知道如何實現這一切，我將非常高興地看到你片斷:)

Answer 1

我一直在嘗試與行爲，我很高興你發現我的文章部分有幫助。

我編輯了Toolbar塊的代碼，因爲它不重要。簡單Toolbar屬性，什麼特別的地方：

<android.support.v7.widget.Toolbar 
    android:layout_height="?attr/actionBarSize" 
    android:layout_width="match_parent" 
    android:id="@+id/toolbar" 
    app:layout_behavior=".view.ToolbarBackgroundAlphaBehavior"/> 

我想明白CoordinatorLayout，和所有的類 圍繞如何，一起工作。所以我可能會實現我正在尋找的 行爲，即：將ScrollView滾動 位置鏈接到工具欄背景色的Alpha值。

在你的佈局中，你錯過了CoordinatorLayout作爲包裝一切的頂級父母。而不是使用ScrollView你應該使用NestedScrollView它的工作原理就像ScrollView，但不同的是，NestedScrollView可以在舊版本進行嵌套卷軸，不像ScrollView僅API 23

後嵌套滾動對於CoordinatorLayout.Behavior工作目標視圖必須是CoordinatorLayout的直接後裔。正如您在文章中看到的那樣，Toolbar是協調員的直系後裔。否則，這種行爲將不起作用。

在該示例中NestedScrollView具有appbar佈局行爲，因此AppBarLayout可以展開和摺疊，您可以找到大量關於此的示例。