Как выровнять виды внизу экрана? - PullRequest
Новая
       27

Как выровнять виды внизу экрана?

619 голосов
/ 05 марта 2010

Вот мой код компоновки; 

<?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 Layout - Actual (Left) and Desired (Right)

Очевидный ответ - установить TextView на fill_parent по высоте, но это не оставляет места для кнопки или поля ввода.По сути, проблема заключается в том, что я хочу, чтобы кнопка отправки и текстовая запись были фиксированной высоты внизу, а текстовое представление заполняло оставшееся пространство, аналогично в горизонтальном линейном макете я хочу, чтобы кнопка отправки обернула свое содержимое идля ввода текста, чтобы заполнить оставшееся пространство.

Если первый элемент в линейном макете сообщается 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>

Ответы [ 18 ]

511 голосов
/ 05 марта 2010

Современный способ сделать это состоит в том, чтобы иметь 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. Это позволяет виду снизу занимать столько места, сколько ему нужно, а остальная часть макета может заполнить весь остальной экран.

148 голосов
/ 04 ноября 2010

В ScrollView это не работает, так как RelativeLayout будет перекрывать все, что находится в ScrollView внизу страницы.

Я исправил это с помощью динамического растяжения FrameLayout: 

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent" 
    android:layout_width="match_parent"
    android:fillViewport="true">
    <LinearLayout 
        android:id="@+id/LinearLayout01"
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical">

                <!-- content goes here -->

                <!-- stretching frame layout, using layout_weight -->
        <FrameLayout
            android:layout_width="match_parent" 
            android:layout_height="0dp"
            android:layout_weight="1">
        </FrameLayout>

                <!-- content fixated to the bottom of the screen -->
        <LinearLayout 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"
            android:orientation="horizontal">
                                   <!-- your bottom content -->
        </LinearLayout>
    </LinearLayout>
</ScrollView>
69 голосов
/ 24 апреля 2011

Вы можете сохранить исходный линейный макет, вложив относительный макет в линейный макет: 

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button android:text="submit" 
            android:id="@+id/Button" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true">
        </Button>
        <EditText android:id="@+id/EditText" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/Button"
            android:layout_alignParentBottom="true">
        </EditText>
    </RelativeLayout>
</LinearLayout>
42 голосов
/ 17 апреля 2011

Ответ выше (автор Janusz) вполне корректен, но лично я не чувствую себя на 100% комфортно с RelativeLayouts, поэтому я предпочитаю ввести «заполнитель», пустой TextView, например: 

<!-- filler -->
<TextView android:layout_height="0dip" 
          android:layout_width="fill_parent"
          android:layout_weight="1" />

перед элементом, который должен находиться внизу экрана.

31 голосов
/ 10 марта 2013

Вы также можете сделать это с помощью LinearLayout или ScrollView. Иногда это легче реализовать, чем RelativeLayout. Единственное, что вам нужно сделать, это добавить следующее представление перед представлениями, которые вы хотите выровнять по нижней части экрана: 

<View
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1" />

Это создает пустое представление, заполняя пустое пространство и выдвигая следующие представления внизу экрана.

27 голосов
/ 28 декабря 2011

Это тоже работает. 

<LinearLayout 
    android:id="@+id/linearLayout4"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_below="@+id/linearLayout3"
    android:layout_centerHorizontal="true"
    android:orientation="horizontal" 
    android:gravity="bottom"
    android:layout_alignParentBottom="true"
    android:layout_marginTop="20dp"
>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" 

    />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" 


    />

</LinearLayout>

gravity=

18 голосов
/ 16 ноября 2015

Следуя элегантному решению Тиморес, я обнаружил, что следующее создает вертикальную заливку в вертикальной LinearLayout и горизонтальную заливку в горизонтальной LinearLayout: 

<Space
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1" />
17 голосов
/ 16 октября 2017

1.Используйте ConstraintLayout в вашем корневом макете

И установите app:layout_constraintBottom_toBottomOf="parent", чтобы раскладка внизу экрана 

<LinearLayout
    android:id="@+id/LinearLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintBottom_toBottomOf="parent">
</LinearLayout>

2.Используйте FrameLayout в корневой директории

Просто установите android:layout_gravity="bottom" в вашем макете 

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

3.Используйте LinearLayout в корневой директории (android:orientation="vertical")

(1) Установите макет android:layout_weight="1" в верхней части макета 

<TextView
    android:id="@+id/TextView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:text="welcome" />

(2) Установите дочерний элемент LinearLayout для android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="bottom"

Основным атрибутом является ndroid:gravity="bottom", пусть дочерний View находится внизу Layout. 

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

4.Использование RelativeLayout в корневом макете

И установите android:layout_alignParentBottom="true", чтобы расположить макет внизу экрана 

<LinearLayout
    android:id="@+id/LinearLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal">
</LinearLayout>

OUTPUT

enter image description here

15 голосов
/ 05 марта 2010

Вам даже не нужно вкладывать второй макет relative в первый.Просто используйте android:layout_alignParentBottom="true" в Button и EditText .

11 голосов
/ 23 сентября 2011

Если вы не хотите вносить много изменений, вы можете просто указать: 

android:layout_weight="1"

для TextView с идентификатором @+id/TextView, т.е. 

<TextView android:text="@string/welcome" 
    android:id="@+id/TextView" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:layout_weight="1">
</TextView>
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...