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

Question

Je suis en train de concevoir 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 le TextView remplira l'espace restant, avec deux boutons de taille fixe.

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

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

Answer 1

La réponse de woodshy a fonctionné pour moi, et elle est plus simple que la réponse de Ungureanu Liviu puisqu'elle n'utilise pas RelativeLayout . Je donne ma disposition 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>

Answer 2

Dans le cas où <VUE TEXTE > est placé dans LinearLayout, définissez le proprty Layout_weight de < et > à 0 et 1 pour TextView.
Dans le cas de RelativeLayout, alignez < et > à gauche et à droite et définissez les propriétés "Layout to left of" et "Layout to right of" de TextView aux ids de < et >.

Answer 3

Si vous utilisez RelativeLayout vous pouvez le faire 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>

Answer 4

Utilisation d'un 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" />

fonctionne. La clé est de définir les contraintes de bord droit, gauche, haut et bas de manière appropriée, puis de définir la largeur et la hauteur à 0dp et le laisser trouver sa propre taille.

Answer 5

C'est simple Vous définissez la largeur ou la hauteur minimale, en fonction de ce que vous recherchez, horizontale ou verticale. Et pour l'autre objet (celui qui doit remplir l'espace restant), vous définissez un poids de 1 (définissez la largeur pour envelopper son contenu), afin qu'il remplisse 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>