折叠时隐藏 CoordinatorLayout 中的内容

Question

我在折叠时尝试隐藏协调器布局的内容时遇到了麻烦。

例如：

这是我的协调器布局和我的工具栏

当它崩溃时，它看起来像这样

问题是：我不想让那个圆圈在我的工具栏下可见。我需要做的是将此工具栏变成透明的，以便在我滚动时看到它下面的所有内容。我一直在网上搜索，但我没有找到适合我需要的东西。

这是我的 CoordinatorLayout 代码：

<android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapse_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:collapsedTitleTextAppearance="@style/TextStyle3"
        app:contentScrim="@color/ys_grey_asset_dark_transparency"
        app:expandedTitleGravity="bottom|center_horizontal"
        app:expandedTitleTextAppearance="@style/TextStyle1"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:minHeight="100dp"
            android:scaleType="centerCrop"
            android:src="@color/ys_gridview_background"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|enterAlwaysCollapsed" />

        <RelativeLayout
            android:id="@+id/rl_main_activity_background"
            android:layout_width="75dp"
            android:layout_height="75dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="@dimen/logo_vertical_margin"
            android:background="@drawable/background_circle"
            app:layout_collapseMode="parallax">

            <ImageView
                android:id="@+id/img_main_activity_image"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerInParent="true"
                android:src="@mipmap/ic_about" />
        </RelativeLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/MyToolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:minHeight="50dp"
            app:layout_collapseMode="pin"
            app:layout_scrollFlags="enterAlways" />

    </android.support.design.widget.CollapsingToolbarLayout>

Answer 1

我刚刚更改并修复了一些错误，现在，它应该 work.Also，我认为这行是否需要 ImageView:

app:layout_scrollFlags="scroll|enterAlwaysCollapsed"

<android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapse_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:expandedTitleGravity="bottom|center_horizontal"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:minHeight="100dp"
            android:scaleType="centerCrop"
            android:src="@color/colorPrimaryDark"
            app:layout_collapseMode="parallax" />

        <RelativeLayout
            android:id="@+id/rl_main_activity_background"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:background="@drawable/ic_3d_rotation_black_36dp"
            app:layout_collapseMode="parallax">

            <ImageView
                android:id="@+id/img_main_activity_image"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerInParent="true"
                android:src="@mipmap/ic_launcher"
                app:layout_collapseMode="parallax" />
        </RelativeLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/MyToolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:minHeight="?attr/actionBarSize"
            app:layout_collapseMode="pin" />

    </android.support.design.widget.CollapsingToolbarLayout>

最后：

Answer 2

在 scrollFlag 下方设置您的 RelativeLayout 其中包含 ImageView:

 app:layout_scrollFlags="scroll|enterAlwaysCollapsed"

折叠时隐藏 CoordinatorLayout 中的内容

Hide content from CoordinatorLayout when collapsed

android

material-design

android-coordinatorlayout