Comment faire en sorte que la mise en page avec View remplisse l'espace restant?

Je conçois l'interface utilisateur de mon application. J'ai besoin d'une mise en page qui ressemble à ceci:

(<et> sont des boutons). Le problème est que je ne sais pas comment m'assurer que TextView remplira l'espace restant, avec deux boutons de taille fixe.

Si j'utilise fill_parent pour la vue texte, le deuxième bouton (>) ne peut pas être affiché.

Comment créer une mise en page qui ressemble à l'image?

La réponse de woodshy a fonctionné pour moi, et elle est plus simple que la réponse d'Ungureanu Liviu puisqu'elle ne l'utilise pas RelativeLayout. Je donne ma mise en page pour plus de clarté:

<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>

Dans le cas où <TEXT VIEW> est placé dans LinearLayout, définissez la propriété Layout_weight de <et> sur 0 et 1 pour TextView.
En cas de RelativeLayout, alignez <et> à gauche et à droite et définissez les propriétés "Mise en page à gauche de" et "Mise en page à droite de" de TextView sur les identifiants de <et>

Si vous utilisez RelativeLayout, vous pouvez le faire quelque chose comme ceci:

<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>

En utilisant a ConstraintLayout, j'ai trouvé quelque chose comme

<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" />

travaux. La clé est de définir les contraintes de bord droit, gauche, supérieur et inférieur de manière appropriée, puis de définir la largeur et la hauteur sur 0dpet de le laisser déterminer sa propre taille.

C'est simple Vous définissez la minWidth ou minHeight, dépend de ce que vous recherchez, horizontal ou vertical. Et pour l'autre objet (celui dont vous voulez remplir l'espace restant) vous définissez un poids de 1 (définissez la largeur pour envelopper son contenu), donc il remplira le reste de la zone.

<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>

vous pouvez utiliser l'attribut layout_weight élevé. Ci-dessous, vous pouvez voir une disposition où ListView prend tout l'espace libre avec des boutons en bas:

<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>

Pour ceux qui ont le même problème avec <LinearLayout...>que moi:

Il est important de préciser android:layout_width="fill_parent", cela ne fonctionnera pas avec wrap_content.

OTOH, vous pouvez omettre android:layout_weight = "0", ce n'est pas obligatoire.

Mon code est fondamentalement le même que le code dans https://stackoverflow.com/a/25781167/755804 (par Vivek Pandey)

Vous devez éviter d'imbriquer 2 disposition relative car la disposition relative fait toujours passer 2 pour le dessin (contre 1 pour tout autre type de disposition). Cela devient exponentiel lorsque vous les imbriquez. Vous devez utiliser une disposition linéaire avec width = 0 et weight = 1 sur l'élément dont vous souhaitez remplir l'espace à gauche. Cette réponse est meilleure pour les performances et les pratiques. N'oubliez pas: utilisez la mise en page relative UNIQUEMENT lorsque vous n'avez pas d'autre choix.

<?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>

Vous pouvez utiliser définir le layout_widthou layout_widthsur 0dp(selon l'orientation que vous souhaitez remplir l'espace restant). Utilisez ensuite le layout_weightpour remplir l'espace restant.

utiliser un Relativelayout pour envelopper 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>`

j'ai trouvé

 <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" />

Lorsque vous utilisez une disposition relative, vous pouvez étirer une vue en l'ancrant aux deux vues vers lesquelles elle est censée s'étirer. Bien que la hauteur spécifiée ne soit pas prise en compte, Android nécessite toujours un attribut de hauteur, c'est pourquoi j'ai écrit "0dp". Exemple:

<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"/>