Alignement des vues de texte sur les bords gauche et droit dans la mise en page Android

Question

Je commence à utiliser Android. J'ai du mal à créer une mise en page simple.

Je voudrais utiliser un LinearLayout à la position deux TextViews en une seule rangée. Un seul TextView sur le côté gauche, l'autre sur le côté droit (analogue à float:left, float:right en CSS).

Est-ce possible, ou dois-je utiliser une méthode différente ViewGroup ou une imbrication plus poussée des mises en page pour y parvenir ?

Voici ce que j'ai pour l'instant :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="horizontal" android:padding="10sp">
<TextView android:id="@+id/mytextview1" android:layout_height="wrap_content" android:text="somestringontheleftSomestring" android:layout_width="wrap_content"/>
<TextView android:id="@+id/mytextview2" android:layout_height="wrap_content" android:ellipsize="end"
    android:text="somestringontheright" android:layout_width="wrap_content"/>
</LinearLayout>

Answer 1

Utilisez un RelativeLayout con layout_alignParentLeft y layout_alignParentRight :

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout01" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:padding="10dp">

    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true" 
        android:id="@+id/mytextview1"/>

    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true" 
        android:id="@+id/mytextview2"/>

</RelativeLayout>

Aussi, vous devriez probablement utiliser dip (ou dp ) plutôt que sp dans votre mise en page . sp reflètent les paramètres du texte ainsi que la densité de l'écran, de sorte qu'ils ne servent généralement qu'à dimensionner les éléments de texte.

Answer 2

Vous pouvez utiliser la propriété de gravité pour faire "flotter" les vues.

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

    <LinearLayout 
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center_vertical|center_horizontal"
            android:orientation="horizontal">

        <TextView  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:gravity="left"
            android:layout_weight="1"
            android:text="Left Aligned"
            />

        <TextView  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:gravity="right"
            android:layout_weight="1"
            android:text="Right Aligned"
            />
    </LinearLayout>

</LinearLayout>

Answer 3

Cela peut être fait avec LinearLayout (moins de frais généraux et plus de contrôle que l'option de mise en page relative). Donnez à la deuxième vue l'espace restant, de sorte que gravity peut fonctionner. Testé jusqu'à l'API 16.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Aligned left" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="end"
        android:text="Aligned right" />
</LinearLayout> 

Si vous souhaitez limiter la taille de la première vue de texte, procédez comme suit :

Ajustez les poids selon les besoins. La mise en page relative ne vous permet pas de définir un pourcentage de poids comme celui-ci, mais seulement un dp fixe d'une des vues.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="Aligned left but too long and would squash the other view" />

    <TextView
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:gravity="end"
        android:text="Aligned right" />
</LinearLayout>

Answer 4

Même avec le conseil de Rollin_s, la réponse de Dave Webb n'a pas fonctionné pour moi. Le texte dans la partie droite TextView chevauchait toujours le texte dans la partie gauche TextView .

J'ai fini par obtenir le comportement que je voulais avec quelque chose comme ça :

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout01" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"
    android:padding="10dp">

<TextView 
    android:id="@+id/mytextview1"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true" />

<TextView 
    android:id="@+id/mytextview2"
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@id/mytextview1"
    android:gravity="right"/>

</RelativeLayout>

Notez que mon aperçu de texte2 a "android:layout_width" en tant que "match_parent" .

J'espère que cela aidera quelqu'un !

Answer 5

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Hello world" />

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

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Gud bye" />