2016-03-01 97 views
0

當我嘗試隱藏協調器佈局的內容時,我遇到了麻煩。摺疊時隱藏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> 
+0

能否像的是了minHeight與協調佈局搞亂? – bestdayever

+0

@bestdayever但我不這麼認爲。我試圖刪除它,但它一直這樣做 –

+0

我其實有點困惑,是相對佈局內的圖像?如果是這樣,RelativeLayout不需要正確的滾動標誌? – bestdayever

回答

2

我只是改變和修正了一些錯誤,現在,它應該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> 

最後:

enter image description here

2

下面scrollFlag設置爲您RelativeLayout包含ImageView

app:layout_scrollFlags="scroll|enterAlwaysCollapsed"