Як зробити так, щоб макет за допомогою View заповнив залишок місця?

Я розробляю інтерфейс моєї програми. Мені потрібен макет виглядає так:

(<і> - кнопки). Проблема полягає в тому, що я не знаю, як переконатися, що TextView заповнить залишок місця, а дві кнопки мають фіксований розмір.

Якщо я використовую fill_parent для перегляду тексту, друга кнопка (>) не може бути показана.

Як я можу створити макет, схожий на зображення?

Відповідь від Woodshy працювала на мене, і вона простіша за відповідь Унгуряну Лівіу, оскільки вона не використовує RelativeLayout. Я надаю свій макет для наочності:

<LinearLayout 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      >

     <Button
        android:layout_width = "80dp"
        android:layout_weight = "0"
        android:layout_height = "wrap_content"
        android:text="&lt;"/>
     <TextView
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_weight = "1"/>
     <Button
        android:layout_width = "80dp"
        android:layout_weight = "0"
        android:layout_height = "wrap_content"
        android:text="&gt;"/>   
 </LinearLayout>

У випадку, якщо <TEXT VIEW> розміщено в LinearLayout, встановіть властивість Layout_weight з <і> на 0 і 1 для TextView.
У разі RelativeLayout вирівняйте <і> вліво і вправо і встановіть властивість "Макет ліворуч" та "Макет праворуч" TextView до ідентифікаторів <і>

Якщо ви використовуєте RelativeLayout, ви можете зробити це приблизно так:

<RelativeLayout
    android:layout_width = "fill_parent"
    android:layout_height = "fill_parent">
    <ImageView
        android:id = "@+id/my_image"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_alignParentTop ="true" />
    <RelativeLayout
        android:id="@+id/layout_bottom"
        android:layout_width="fill_parent"
        android:layout_height = "50dp"
        android:layout_alignParentBottom = "true">
        <Button
            android:id = "@+id/but_left"
            android:layout_width = "80dp"
            android:layout_height = "wrap_content"
            android:text="&lt;"
            android:layout_alignParentLeft = "true"/>
        <TextView
            android:layout_width = "fill_parent"
            android:layout_height = "wrap_content"
            android:layout_toLeftOf = "@+id/but_right"
            android:layout_toRightOf = "@id/but_left" />
        <Button
            android:id = "@id/but_right"
            android:layout_width = "80dp"
            android:layout_height = "wrap_content"
            android:text="&gt;"
            android:layout_alignParentRight = "true"/>
    </RelativeLayout>
</RelativeLayout>

Використовуючи a ConstraintLayout, я знайшов щось подібне

<Button
    android:id="@+id/left_button"
    android:layout_width="80dp"
    android:layout_height="48dp"
    android:text="&lt;"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toRightOf="@+id/left_button"
    app:layout_constraintRight_toLeftOf="@+id/right_button"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/right_button"
    android:layout_width="80dp"
    android:layout_height="48dp"
    android:text="&gt;"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

працює. Ключ - правильно встановити обмеження правого, лівого, верхнього та нижнього краю, потім встановити ширину та висоту 0dpта дати зрозуміти, що це власний розмір.

Ви просто встановлюєте minWidth або minHeight, залежно від того, що шукаєте, горизонтального чи вертикального. А для іншого об'єкта (того, яким ви хочете заповнити залишився простір) ви встановите вагу 1 (встановіть ширину, щоб обернути його вміст), тож він заповнить решту площі.

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center|left"
        android:orientation="vertical" >
</LinearLayout>
<LinearLayout
        android:layout_width="80dp"
        android:layout_height="fill_parent"
        android:minWidth="80dp" >
</LinearLayout>

ви можете використовувати атрибут високої версії layout. Нижче ви можете побачити макет, де ListView займає весь вільний простір з кнопками внизу:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".ConfigurationActivity"
    android:orientation="vertical"
    >

        <ListView
            android:id="@+id/listView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1000"
            />


        <Button
            android:id="@+id/btnCreateNewRule"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Create New Rule" />



        <Button
            android:id="@+id/btnConfigureOk"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Ok" />


</LinearLayout>

Для тих, у кого той самий глюк <LinearLayout...> як і я:

Важливо вказати android:layout_width="fill_parent", це не буде працюватиwrap_content .

ОТО, ви можете пропустити android:layout_weight = "0" , це не потрібно.

Мій код в основному той самий, що і код у https://stackoverflow.com/a/25781167/755804 (автор Vivek Pandey)

Ви повинні уникати розміщення 2 відносних макетів, оскільки відносний макет завжди робить 2 проходи для малювання (проти 1 для будь-якого іншого типу макета). Це стає експоненціальним, коли ви гніздите їх. Ви повинні використовувати лінійний макет із шириною = 0 і вагою = 1 на елементі, який ви хочете заповнити зліва. Ця відповідь краща для продуктивності та практики. Пам'ятайте: використовуйте відносний макет ТІЛЬКИ, коли у вас немає іншого вибору.

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

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/prev_button"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:text="&lt;" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:singleLine="true"
            android:gravity="center"
            android:text="TextView" />

        <Button
            android:id="@+id/next_button"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:text="&gt;" />
    </LinearLayout>
</LinearLayout>

Ви можете використовувати встановити layout_widthабо layout_widthна 0dp(За орієнтацією, яку ви хочете заповнити залишився пробіл). Потім використовуйте, layout_weightщоб заповнити залишився простір.

використовуйте відносний простір, щоб обернути LinearLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:round="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:orientation="vertical">
    <Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:text="&lt;"/>
    <TextView
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_weight = "1"/>
    <Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:text="&gt;"/>

</LinearLayout>

</RelativeLayout>`

я знайшов

 <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginEnd="10dp"
        android:fontFamily="casual"
        android:text="(By Zeus B0t)"
     ``   android:textSize="10sp"
        android:gravity="bottom"
        android:textStyle="italic" />

Використовуючи відносну компоновку, ви можете зробити вигляд розтягнутим, прив’язавши його до обох видів, до яких він повинен тягнутися. Хоча вказана висота буде ігнорована, Android все ще потребує атрибуту висоти, саме тому я написав "0dp". Приклад:

<View
    android:id="@+id/topView"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:layout_alignParentTop="true"
    android:layout_marginTop="8dp"/>

<View
    android:id="@+id/stretchableView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_below="@id/topView"
    android:layout_above="@+id/bottomView"
    android:layout_marginTop="8dp"
    android:layout_marginBottom="8dp"
    android:adjustViewBounds="true"/>

<View
    android:id="@id/bottomView"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="16dp"/>