2016-03-01 110 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"