小编典典

如何对齐屏幕底部的视图?

all

这是我的布局代码;

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView android:text="@string/welcome"
        android:id="@+id/TextView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
    </TextView>

    <LinearLayout android:id="@+id/LinearLayout"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="bottom">

            <EditText android:id="@+id/EditText"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </EditText>

            <Button android:text="@string/label_submit_button"
                android:id="@+id/Button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </Button>

    </LinearLayout>

</LinearLayout>

这看起来像在左边,我希望它看起来像在右边。

Android 布局 - 实际(左)和期望(右)

显而易见的答案是将 TextView 在高度上设置为 fill_parent,但这会导致按钮或输入字段没有空间。

本质上问题是我希望提交按钮和文本条目在底部具有固定高度,并且文本视图填充其余空间。同样,在水平线性布局中,我希望提交按钮包裹其内容并让文本条目填充其余空间。

如果线性布局中的第一个项目被告知填充父项,它就会这样做,不会为其他项目留下空间。除了布局中其余项目所需的最小值之外,我如何获得第一个在线性布局中的项目以填充所有空间?


相对布局确实是答案:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:text="@string/welcome"
        android:id="@+id/TextView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true">
    </TextView>

    <RelativeLayout
        android:id="@+id/InnerRelativeLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <Button
            android:text="@string/label_submit_button"
            android:id="@+id/Button"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        </Button>

        <EditText
            android:id="@+id/EditText"
            android:layout_width="fill_parent"
            android:layout_toLeftOf="@id/Button"
            android:layout_height="wrap_content">
        </EditText>

    </RelativeLayout>

</RelativeLayout>

阅读 104

收藏
2022-03-04

共1个答案

小编典典

做到这一点的现代方法是有一个ConstraintLayout并将视图的底部约束到
ConstraintLayout 的底部 app:layout_constraintBottom_toBottomOf="parent"

下面的示例创建了一个 FloatingActionButton,它将与屏幕的末端和底部对齐。

<android.support.constraint.ConstraintLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_height="match_parent"
   android:layout_width="match_parent">

<android.support.design.widget.FloatingActionButton
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"

    app:layout_constraintBottom_toBottomOf="parent"

    app:layout_constraintEnd_toEndOf="parent" />

</android.support.constraint.ConstraintLayout>

作为参考,我将保留我的旧答案。

在引入 ConstraintLayout
之前,答案是相对布局


如果您有一个填充整个屏幕的相对布局,您应该能够使用android:layout_alignParentBottom将按钮移动到屏幕底部。

如果您在底部的视图未以相对布局显示,那么它上面的布局可能会占用所有空间。在这种情况下,您可以将应该位于底部的视图首先放在布局文件中,然后将布局的其余部分放在视图上方android:layout_above。这使得底部视图能够占用所需的空间,并且布局的其余部分可以填满屏幕的所有其余部分。

2022-03-04