TextView verdrängt Bild

ArtooDetoo · 8. März 2012

Hallo zusammen,

ich möchte ein Bild rechts von einem Text anzeigen lassen. Dazu habe ich mir folgendes Layout ausgedacht:

HTML

&lt;LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="5dp" &gt;


        &lt;TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@color/setoneblue" /&gt;


        &lt;LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="match_parent"
            android:layout_height="36dp"
            android:gravity="right"
            android:orientation="vertical" &gt;


            &lt;ImageView
                android:id="@+id/imageView1"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:onClick="record"
                android:src="@drawable/recordbutton" /&gt;
        &lt;/LinearLayout&gt;
    &lt;/LinearLayout&gt;

Alles anzeigen

Wenn der Text kurz ist, sieht es gut aus. Falls er aber zu lang wird, verdrängt er das Bild.

Grüße, R2

UweApps · 8. März 2012

Probiere doch mal folgendes:
dem TextView ein android:layout-weight="1" geben
beim linearLayout3 die android:gravity entfernen.

Ich hab die Vermutung, du willst mit gravity="right" das Element nach rechts verschieben - das geht aber nicht, diese Sache muss von dem Element darüber (linearLayout2) gesteuert werden. Und das geht am besten, wenn der TextView sich den Platz nimmt, den er braucht.
Wenn du Elemente relativ zu einander positionieren willst, geht auch RelativeLayout, aber das ist meistens viel zu kompliziert für einfache Strukturen.

Aber noch eine Nebenfrage: brauchst du das Image als Button oder darf ich auch auf den Text klicken?
Dann kannst du dem TextView auch ein android:drawableRight="@drawable/recordbutton" geben und hast nur ein Element statt drei.
Der TextView braucht dann aber android:layout_width="match_parent".

ArtooDetoo · 8. März 2012

Die beiden Änderungen machen das Layout ganz kaputt, jetzt sieht man nur das Bild und sonst nichts.
Ich brauche nur das Bild als Button, den Text nicht.

UweApps · 8. März 2012

sorry, ich hatte noch eine Einstellung übersehen - in linearLayout3 muss stehen android:layout_width="wrap_content"

Und wenn du sowieso nur die beiden Elemente brauchst, dann ist der linearLayout3 überflüssig, oder?

Probiere mal dies hier:

HTML

&lt;LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:layout_marginTop="10dp" &gt;


        &lt;TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center_horizontal"
            android:text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@color/setoneblue" /&gt;


        &lt;ImageView
            android:id="@+id/imageView1"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:onClick="record"
            android:src="@drawable/recordbutton" /&gt;
    &lt;/LinearLayout&gt;

Alles anzeigen

ArtooDetoo · 8. März 2012

Funktioniert wunderbar

TextView verdrängt Bild

Jetzt mitmachen!

Teilen