簡體   English   中英

折疊時隱藏CoordinatorLayout中的內容

[英]Hide content from CoordinatorLayout when collapsed

我在折疊時嘗試隱藏協調器布局的內容時遇到了麻煩。

例如:

在這里,我的工具欄上有協調器布局 在此處輸入圖片說明

當崩潰時,它看起來像這樣

在此處輸入圖片說明

問題是:我不希望在我的工具欄下看到該圓圈。 我需要做的是將此工具欄變成透明的,以便在滾動時查看其下方的所有內容。 我一直在互聯網上搜索,但沒有找到任何適合我的需求。

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

我只是更改並修復了一些錯誤,現在它應該可以工作。此外,我不認為該行對於該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>

最后:

在此處輸入圖片說明

scrollFlag下方scrollFlag為包含ImageViewRelativeLayout

 app:layout_scrollFlags="scroll|enterAlwaysCollapsed"

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM