拆分滚动视图使其伸展一半的屏幕，但它忽略了布局重量

Posted 2021-05-07

我正在尝试创建一个显示在屏幕上半部分的垂直滚动视图，下半部分将有几个按钮。

我有一个垂直的线性布局，里面有两个垂直线性布局（顶部包含滚动视图），并设置两个线性布局中的每一个布局权重为1，但滚动视图延伸超过页面的一半。

<LinearLayout
    android:id="@+id/mainlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp"
    android:orientation="vertical">

    <LinearLayout
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:background="@drawable/b_whitetrans4">

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:fadeScrollbars="false"
            android:scrollbarThumbVertical="@android:color/holo_red_dark">

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

                <TextView
                    android:id="@+id/settingtext"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="asdfasdfasdfasdfasdf"
                    android:textColor="@android:color/white"
                    android:textSize="20sp" />

            </LinearLayout>

        </ScrollView>
    </LinearLayout>

    <LinearLayout
        android:layout_weight="1"
        android:id="@+id/buttonlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">


    </LinearLayout>


</LinearLayout>

奇怪的是，滚动视图并没有一直延伸到显示所有内容，但它肯定超过屏幕的一半。这就是：https://www.screencast.com/t/VPHJwPhpLyb

答案

在线性布局中使用权重时，建议使用高度（如果方向是垂直的）和宽度（如果方向是水平的）= 0dp。在你的情况下，它的垂直。试着这样做。

<LinearLayout
android:id="@+id/mainlayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="10dp"
android:orientation="vertical">

<LinearLayout
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_marginBottom="10dp"
    android:background="@drawable/b_whitetrans4">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:fadeScrollbars="false"
        android:scrollbarThumbVertical="@android:color/holo_red_dark">

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

            <TextView
                android:id="@+id/settingtext"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="asdfasdfasdfasdfasdf"
                android:textColor="@android:color/white"
                android:textSize="20sp" />

        </LinearLayout>

    </ScrollView>
</LinearLayout>

<LinearLayout
    android:layout_weight="1"
    android:id="@+id/buttonlayout"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:orientation="vertical">


</LinearLayout>

另一答案

将顶部LinearLayout的高度设置为match_parent，并删除较低的layout_weight属性。

另一答案

也许您可以尝试将布局的父级设置为RelativeLayout，然后在LinearLayouts上使用alignParentTop / alignParentBottom而不是layout_weight

https://developer.android.com/guide/topics/ui/layout/relative