滚动时更改collapsingToolbarLayout的颜色

时间:2016-10-11 07:41:18

标签: android android-collapsingtoolbarlayout

所以我遇到了一个我无法找到解决方案的问题。我已经解决了这个问题。 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>

感谢任何帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

CollapsingToolbarLayout有一个名为app:scrimVisibleHeightTrigger

的属性
  

指定用于定义何时触发稀松布可见性更改的可见高度(以像素为单位)。

由于您的应用栏高度为280dp,因此设置app:scrimVisibleHeightTrigger="240dp"应该有效。

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