折叠时隐藏CoordinatorLayout中的内容

时间:2016-03-01 17:50:33

标签: android material-design android-coordinatorlayout

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

例如:

这里我的工具栏有我的协调员布局 enter image description here

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

enter image description here

问题是:我不希望在我的工具栏下看到该圆圈。我需要做的是,将此工具栏变为透明,以便在我滚动时查看其下的所有内容。我一直在网上搜索,但我找不到符合我需求的东西。

这是我的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>

2 个答案:

答案 0 :(得分:2)

我刚改变并修正了一些错误,现在,它应该有效。另外,我不认为这条线是否是必要的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>

<强>最后:

enter image description here

答案 1 :(得分:2)

在{strong> scrollFlag 下方RelativeLayout设置 ImageView

 app:layout_scrollFlags="scroll|enterAlwaysCollapsed"