Richten Sie zwei TextViews, einer Links der andere rechts, auf eine ListView ohne stretching die Hintergründe

Also ich habe zwei TextViews pro Zeile in einer ListView. Man sollte sich Links und der andere nach rechts ausgerichtet. Beide TextViews haben ein abgerundetes Rechteck als hintergrund-die sollten nur wickeln Sie den text hinein. Also ich kam mit dieser:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/text_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:background="@drawable/bubble_purple"
        android:gravity="center" >
    </TextView>

    <TextView
        android:id="@+id/text_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/text_right"
        android:background="@drawable/bubble_blue"
        android:gravity="center" >
    </TextView>
</RelativeLayout>

Sieht es gut für lange Texte, aber nicht für kürzere Nachrichten:

Ich habe auch versucht ein LinearLayout wie diese:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/text_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:background="@drawable/bubble_blue"
        android:gravity="center" >
    </TextView>

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

    <TextView
        android:id="@+id/text_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:background="@drawable/bubble_purple"
        android:gravity="center">
    </TextView>
</LinearLayout>

Dies funktioniert für kurze Nachrichten, die aber nicht länger:

Richten Sie zwei TextViews, einer Links der andere rechts, auf eine ListView ohne stretching die Hintergründe

Ist es irgendwie möglich, Messen Sie die kombinierte Breite der TextViews und programmgesteuert wechseln Sie zwischen diesen layouts, oder mache ich etwas falsch hier?

Einige layout-Gewicht
Versuchen android:layout_weight="1" für beide
Wie sollten die beiden TextViews Strecken, wenn die erste klein und die zweite ist die big?
Wenn die zweite TextView ist größer, aber Ihre kombinierte Breite kleiner ist als die ListView sollte es Aussehen wie folgt. Oder, wenn Ihre kombinierte Breite, die größer ist als die Breite Liste, dieser der angeforderte Verhalten.

InformationsquelleAutor wollan | 2012-08-13

Funktioniert das, wie Sie wollen?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<TextView
    android:id="@+id/text_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.5"
    android:background="@drawable/bubble_blue"
    android:text="2"
    android:gravity="center" >
</TextView>

<TextView
    android:id="@+id/text_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.5"
    android:background="@drawable/bubble_purple"
    android:text="9"
    android:gravity="center" >
</TextView>
</LinearLayout>

Indem die layout_weight Parameter und machen Ihnen gleich, Sie sagen, die layout-engine zu reservieren, jede freie Platz gleichmäßig zwischen den beiden Ansichten. Wenn Sie möchten, dass der linke block größer als die Rechte ist, können Sie es geben, ein größeres Gewicht.

Edit: Vielleicht ist das besser:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<LinearLayout 
    android:id="@+id/text_left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.5" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#456"
        android:text="5 + 1"
        android:gravity="center" >
    </TextView> 

</LinearLayout>

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text=" = " >
</TextView>

<LinearLayout 
    android:id="@+id/text_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layoutDirection="rtl"
    android:layout_weight="0.5">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#856"
            android:text="6"
            android:gravity="center" >
        </TextView>

</LinearLayout>

</LinearLayout>

Nein, nicht genau. Sicher, dass das funktioniert, für lange Texte aber für kurze Texte dieser erstreckt sich die Hintergründe. Im Idealfall sollte der hintergrund nur wickeln Sie den text, und es sollte Raum zwischen den Blasen, für kurze Nachrichten, wie im zweiten Bild oben.
Schön! Das einwickeln von Ihnen in ViewGroups nie gedacht. Allerdings bekam ich eine "Keine resource identifier gefunden" für android:layoutDirection. Aber die Umschaltung der zweiten inneren LinearLayout zu einem FrameLayout und fügte hinzu, eine android:layout_gravity="right" hat den trick. Thx!!!

InformationsquelleAutor Michel-F. Portzert

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.