CollapsingToolbarLayout 定义动画开始答案

【问题标题】：CollapsingToolbarLayout define animation startCollapsingToolbarLayout 定义动画开始
【发布时间】：2015-12-22 15:41:23
【问题描述】：

如何更改 CollapsingToolbarLayout 中动画的开始？我发现动画是由app:contentScrim 属性控制的。但是“alpha”动画开始得太早了。我可以以某种方式更改动画属性吗？我猜高度大概是“200dp”。

例如，如果我定义<CollapsingToolbarLayout... layout_height="150dp" >，我什至看不到图像，因为它在开始时已经被动画隐藏了。这是我的xml：

<android.support.design.widget.CollapsingToolbarLayout
    android:id="@+id/paralax_tabs_collapse_toolbar"
    android:layout_width="match_parent"
    android:layout_height="250dp"
    android:background="@color/my_action_bar_color"
    android:fitsSystemWindows="true"
    app:contentScrim="?attr/colorPrimary"
    app:expandedTitleMarginStart="10dp"
    app:layout_scrollFlags="scroll|exitUntilCollapsed">

    <ImageView
        android:id="@+id/paralax_tabs_header_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:scaleType="centerCrop"
        app:layout_collapseMode="parallax" />

    <android.support.v7.widget.Toolbar
        android:id="@+id/paralax_tabs_toolbar"
        android:layout_width="match_parent"
        android:layout_height="104dp"
        android:gravity="top"
        android:minHeight="?attr/actionBarSize"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:titleMarginTop="13dp" />

    <android.support.design.widget.TabLayout
        android:id="@+id/paralax_tabs_tabs"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_gravity="bottom"
        android:background="@color/app_tab_backgorund"
        app:tabIndicatorColor="@android:color/white"
        app:tabIndicatorHeight="5dp"
        app:tabMode="scrollable" />
</android.support.design.widget.CollapsingToolbarLayout>

【问题讨论】：

标签： android android-design-library

【解决方案1】：

恐怕解决起来并不容易。

我不得不创建自己的 CollapsingToolbarLayout 来更改原始布局。

原文： https://android.googlesource.com/platform/frameworks/support/+/6ba61c5/design/src/android/support/design/widget

就我而言，我更改了 getScrimTriggerOffset 方法

发件人：

final int getScrimTriggerOffset() {
    return 2 * ViewCompat.getMinimumHeight(this);
}

到：

final int getScrimTriggerOffset() {
    return 3 * ViewCompat.getMinimumHeight(this);
}

此方法用于 CollapsingToolbarLayout 的第 677 行，以确定是否显示或隐藏内容网格。

// Show or hide the scrims if needed
if (mContentScrim != null || mStatusBarScrim != null) {
     if (getHeight() + verticalOffset < getScrimTriggerOffset() + insetTop) {
         showScrim();
     } else {
         hideScrim();
     }
}

我尝试扩展 CollapsingToolbarLayout 并覆盖此方法，但它被声明为 final。

抱歉回复晚了，希望可以解决

【讨论】：

【解决方案2】：

创建您自己的 CollapsingToolbarLayout。
覆盖下一个函数：setScrimsShown(显示/隐藏内容 scrim)、onAttachedToWindow 和 onDetachedFromWindow。
在 onAttachedToWindow 创建 AppBarLayout.OnOffsetChangedListener 并添加到父级。在 onDetachedFromWindow 中删除侦听器。（仅在父级为 AppBarLayout 时有效）。
在 setScrimsShown 中设置启动动画的规则。

例子：

public class MyCollapsingLayout extends CollapsingToolbarLayout {
    private int mCurrentVOffset = 0;
    private AppBarLayout.OnOffsetChangedListener mListener = null;

    ...

    @Override
    public void setScrimsShown(boolean shown) {
        boolean show = /*your code */

        super.setScrimsShown(show);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        final ViewParent parent = getParent();

        if (parent instanceof AppBarLayout) {
            mListener = new AppBarLayout.OnOffsetChangedListener() {
                @Override
                public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
                    mCurrentVOffset = verticalOffset;
                }
            };
            ((AppBarLayout) parent).addOnOffsetChangedListener(mListener);
        }
    }

    @Override
    protected void onDetachedFromWindow() {
        final ViewParent parent = getParent();
        if (mListener != null && parent instanceof AppBarLayout) {
            ((AppBarLayout) parent).removeOnOffsetChangedListener(mListener);
        }

        super.onDetachedFromWindow();
    }
}

【讨论】：

【解决方案3】：

基于documentation需要调用CollapsingToolbarLayout上的方法

setScrimVisibleHeightTrigger(int)

android.support.design:scrimVisibleHeightTrigger

以像素为单位指定可见高度，用于定义何时触发稀松布可见性变化。

支持设计库版本：26.1.0

【讨论】：