如何按顺序折叠布局？答案

【问题标题】：How to collapse layouts in order?如何按顺序折叠布局？
【发布时间】：2017-05-10 15:53:45
【问题描述】：

我正在尝试制作折叠工具栏，其中

工具栏始终位于同一空间
当我滚动底部时，collapsing_2 应该首先折叠，并且只有在 collapsin_1 之后才会折叠
当我滚动顶部时，collapsing_1 始终进入，而 collapsing_2 仅在 recyclerview 内容丰富顶部时进入。

但在我的布局中，两个块同时移动（或者如果我将两个相对布局放在同一个折叠布局中，则作为一个移动）

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">

  <android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white">

    <android.support.design.widget.CollapsingToolbarLayout
      android:id="@+id/collapsing_1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:minHeight="56dip"
      android:orientation="vertical"
      app:layout_scrollFlags="scroll|enterAlways|exitUntilCollapsed">


      <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="56dip">

      </RelativeLayout>

      <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="56dip"
        android:background="@color/white"
        android:minHeight="56dip"
        app:layout_collapseMode="pin"/>

    </android.support.design.widget.CollapsingToolbarLayout>

    <android.support.design.widget.CollapsingToolbarLayout
      android:id="@+id/collapsing_2"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:layout_scrollFlags="scroll">


      <RelativeLayout 
        android:id="@+id/holder_event"
        android:layout_width="match_parent"
        android:layout_height="195dip"
        app:layout_collapseMode="parallax"
        app:layout_scrollFlags="scroll">

      </RelativeLayout>


    </android.support.design.widget.CollapsingToolbarLayout>
  </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

【问题讨论】：

标签： android android-coordinatorlayout android-collapsingtoolbarlayout

【解决方案1】：

我通过以下表格实现了它。折叠 2 通过边距位于折叠 1 下方，它也只有滚动标志。折叠时，始终输入和模式引脚，使折叠 1 保持原位，直到有额外的未折叠空间

  <android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white">

    <android.support.design.widget.CollapsingToolbarLayout
      android:id="@+id/ll_collapsing"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:minHeight="56dip"
      android:orientation="vertical"
      app:layout_scrollFlags="scroll|exitUntilCollapsed">


      <RelativeLayout
        android:id="@+id/colapsing_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="285dp"
        app:layout_collapseMode="parallax"
        app:layout_scrollFlags="scroll">
      </RelativeLayout>

      <LinearLayout
        android:id="@+id/colapsing_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="56dip"
        android:orientation="vertical"
        app:layout_collapseMode="pin"
        app:layout_scrollFlags="scroll|enterAlways">

      </LinearLayout>

      <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="56dip"
        android:background="@color/white"
        android:minHeight="56dip"
        app:layout_collapseMode="pin">
      </android.support.v7.widget.Toolbar>
    </android.support.design.widget.CollapsingToolbarLayout>


  </android.support.design.widget.AppBarLayout>

【讨论】：