NestedScrollView内容小于屏幕高度

时间:2018-05-31 14:40:35

标签: android android-coordinatorlayout android-nestedscrollview

我知道这个问题经常被问到,但在我的案例中我找不到合适的方法。

正如您在我的xml文件中看到的,我正在使用CoordinatorLayout,NestedScrollView和AppBarLayout。当nestedScrollview内容小于屏幕高度时,它会留空空白空间。

如何删除此空白额外空格?

全部谢谢

 <?xml version="1.0" encoding="utf-8"?>
    <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.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fillViewport="true"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#f000f0"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Hello World!" />

                <!-- more content but not enought to fill screen -->

            </LinearLayout>
        </android.support.v4.widget.NestedScrollView>

        <android.support.design.widget.AppBarLayout
            android:id="@+id/main_appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="?attr/actionBarSize"
                app:layout_scrollFlags="scroll|enterAlwaysCollapsed">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="200dp"
                        android:background="#ff0000">

                        <TextView
                            android:id="@+id/main_linearlayout_title"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginStart="30dp"
                            android:layout_marginTop="30dp"
                            android:text="PSEUDO"
                            android:textColor="#ffffff"
                            android:textStyle="bold" />
                    </LinearLayout>


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

        <android.support.v7.widget.Toolbar
            android:id="@+id/main_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/colorPrimaryDark">

<!-- some content (title) -->
        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.CoordinatorLayout>

修改1

  • Withou Scroll

enter image description here

  • 使用NestedScrollView height wrap_content

enter image description here

  • 使用NestedScrollView高度match_parent(所以它是同样的问题,而不是有空格,它是粉红色但它会留下额外的无用空间)

enter image description here

所以要明确我在最后一个“Hello World”下不需要任何内容​​,也不要滚动超过必要的内容。

2 个答案:

答案 0 :(得分:0)

NestedScrollView的高度设置为match_parent

答案 1 :(得分:-1)

NestedScrollView 的高度设置为 match_parent 。将 LinearLayout 的高度设置为 match_parent 。将 TextView 修改为

switchMap

为每个 TextView 分配0dp的高度和1的权重。 layout_weight 指定要分配给View的布局中多少额外空间。这样做将 TextView 平均扩展到剩余空间(在这种情况下,它恰好是完整的屏幕)。
Explanation in the official developers doc.