[英]How to hide part of content of the toolbar when using 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
為包含ImageView
的RelativeLayout
:
app:layout_scrollFlags="scroll|enterAlwaysCollapsed"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.