android - 为什么 CollapsingToolbarLayout 在扩展内容下放置一个空白空间

Question

我正在尝试使用 CollapsingToolbarLayout 但我的内容下方出现了这个蓝色空间。折叠状态没有这个问题。

展开内容下的空白似乎等于状态栏的高度。我无法理解为什么会这样。我的 xml 看起来像这样

    <android.support.design.widget.CoordinatorLayout
        android:fitsSystemWindows="true" ...>

        <android.support.design.widget.AppBarLayout
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:fitsSystemWindows="true" ...>

            <android.support.design.widget.CollapsingToolbarLayout
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:fitsSystemWindows="true"
                  app:contentScrim="@color/colorPrimary"
                  app:layout_scrollFlags="scroll|snap|exitUntilCollapsed|enterAlwaysCollapsed"
                  app:statusBarScrim="@android:color/transparent">

                 <android.support.constraint.ConstraintLayout
                      android:id="@+id/expanded_toolbar"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:fitsSystemWindows="true"
                      app:layout_collapseMode="parallax".../>

             <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:elevation="6dp"
                android:minHeight="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:navigationIcon="?attr/homeAsUpIndicator"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
                    <android.support.constraint.ConstraintLayout.../>
               </android.support.v7.widget.Toolbar>

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

更新

我暂时找到了解决方法

collapsingToolbar.post {
            val params = (collapsingToolbar.layoutParams as ViewGroup.MarginLayoutParams)
            params.height = findViewById<View>(R.id.expanded_toolbar).height
            collapsingToolbar.layoutParams = params
        }

Answer 1

我认为您应该尝试将 collapsing toolbar 的 layout_height 更改为 wrap_content 而不是 match_parent

我相信蓝色是因为折叠工具栏中的工具栏。因此，您应该确保您的背景应用于应用栏布局或折叠工具栏布局。

但是，这可能会导致问题，因为您使用的是图像背景而不仅仅是颜色。因此，我建议您跟踪折叠工具栏的状态，无论是折叠还是打开，并相应地更新您的背景。