Android-List-Item: TextView auf der linken Seite, Bild auf der rechten Seite

ich bin erstellen einer benutzerdefinierten Liste posten und android Listenansicht. es ist sehr einfach, es hat eine textview auf der linken Seite und ein Bild auf der rechten Seite. sollte das Bild ausrichten rechts und der text-Ansicht sollten sich alle den Raum auf der linken Seite. problem ist, ich kann das Bild zu zeigen, aber es schiebt nach Links. wenn ich den textview Breite fill_parent, das Bild verschwindet. hier ist mein layout:

<?xml version="1.0" encoding="utf-8" ?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" 
              android:layout_width="fill_parent" android:layout_height="50px" android:layout_gravity="center_vertical">
  <!-- item -->
  <TextView android:id="@+id/txtItem" android:gravity="center_vertical" android:textSize="20px" android:layout_width="fill_parent" 
            android:layout_height="fill_parent"/>

  <!-- disclosure image -->
  <ImageView android:layout_gravity="right|center_vertical" android:src="@drawable/common_icon_arrow_disclosure" 
              android:layout_width="wrap_content" android:layout_height="wrap_content"/>
</LinearLayout>

ich habe auch versucht ein relative layout, aber das gleiche passiert. was mache ich falsch?

EDIT: zur Klarstellung, dies ist, was ich versuche zu erreichen:

ich möchte das text-Feld zu nehmen, bis der gesamte linke Bereich, und das Bild auf der rechten Seite, nicht skaliert, vertikal zentriert.

InformationsquelleAutor bryan costanich | 2010-12-05

android-layout

25

Können Sie auch einfach das drawable, um die textview direkt wie diese.
```
<TextView
    android:id="@+id/txtItem"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:drawableRight="@drawable/common_icon_arrow_disclosure"
    android:gravity="center_vertical"
    android:textSize="20px" />
```
- Die meisten genaue und einfache Antwort.
- Dies sollte die akzeptierte Antwort, denn die TextView wird automatisch die Verbindung drawable in der Nähe der Grenzen.
- aber wie können wir ausführen, onClick-Aktion auf nur drawable Bild? nicht der ganze text??
- Kann nicht glauben, ich habe nie gefunden, dass man vor. Danke!
- Wie kann ich das im code?
- textView.setCompoundDrawablesWithIntrinsicbounds(0, 0, R. drawable.common_icon_arrow_disclosure, 0)
InformationsquelleAutor guyland123

Können Sie bitmap-drawable so aus (dies fügt auch mit abgerundeten Ecken):

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="@android:color/white" />
            <stroke
                android:width="2dp"
                android:color="#adadad"
            />
            <corners android:radius="5dp" />
        </shape>
    </item>
    <item android:right="5dp"
        android:top="2dp"
        android:bottom="2dp">
        <bitmap
            android:src="@drawable/image"
            android:gravity="right"
        />
    </item>
</layer-list>

und setzen diese in drawable hintergrund-Eigenschaft der TextView:

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/right_image"
    android:text="some text"
    />

Danke! Dies funktioniert auch für die Einstellung benutzerdefinierte hintergrund-und nach-unten-Pfeil für ein Drehfeld-Steuerelement. Nur legen Sie den hintergrund Ihrer spinner ein drawable Ressource, die wie folgt definiert und Sie sind gesetzt.
Netten workaround!

InformationsquelleAutor tapchicoma

Links-richten Sie den text mit den Eltern, und legen Sie die Schwerkraft des Bildes nach rechts:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="48dp">

  <TextView
  android:id="@+id/team_member_name"
  android:layout_width="wrap_content"
  android:layout_height="fill_parent"
  android:layout_alignParentLeft="true"
  android:gravity="center_vertical"
  android:singleLine="true"/>

  <ImageView
  android:id="@+id/team_member_icon"
  android:layout_alignParentRight="true"
  android:layout_width="wrap_content"
  android:layout_height="fill_parent"
  android:layout_gravity="right"
  android:layout_marginLeft="8dp"
  android:layout_marginRight="8dp"
  android:src="@drawable/circle_green"/>

</RelativeLayout>

InformationsquelleAutor xaviert

0

Relative layout ist, was Sie wollen. In Ihrem Fall ist die fill_parent-Attribut verursacht wurde und die text-Ansicht zu schieben das Bild aus dem Bild. Wenn man Relative layout und legen Sie die text-Ansicht zu verwenden, die layout_toLeftOf sollte es funktionieren.

Hier ist ein kurzes Beispiel, dass ich denke, dass wird funktionieren (ich habe es noch nicht getestet und es ist aus der Erinnerung, aber die Idee ist es)...
```
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
                android:layout_width="fill_parent" 
                android:layout_height="50px"
                android:layout_gravity="center_vertical">
  <ImageView android:id="@+id/img"
             android:layout_gravity="right|center_vertical"
             android:src="@drawable/common_icon_arrow_disclosure" 
             android:layout_width="wrap_content" 
             android:layout_height="wrap_content"/>

  <TextView android:id="@+id/txtItem"
            android:gravity="center_vertical"
            android:textSize="20px"
            android:layout_width="wrap_content" 
            android:layout_height="fill_parent"
            android:layout_toLeftOf="@id/img" />
</RelativeLayout>
```
- Das funktioniert auch nicht. der Pfeil Bild showsup, aber der text nicht. auch der Pfeil (das ist weniger groß als das Element) ist nicht vertikal zentriert, sondern es ist top ausgerichtet. ich hatte eigentlich etwas sehr ähnliches, aber es hatte die Bildansicht mit layout_toRightOf die text-Bild, aber das hat genau das Gegenteil von deinem Beispiel den text zeigte, aber nicht den Pfeil.
- Sorry, dass ich nicht die Zeit habe zu schreiben, einen test-Fall, sondern etwas, was Sie vielleicht versuchen, die layout_alignParentLeft statt layout_gravity. Ich weiß, ich habe genau das gemacht, was Sie Fragen, sondern ich kann ihn nicht finden in meinen Projekten und ich weiß, es verwendet das RelativeLayout. Viel Glück und ich werde überprüfen Sie zurück morgen, wenn ich kann.
- ich verwendet layout_alignParentRight="true" auf Bildansicht (ich schaltete die Bild-Ansicht und die text-Ansicht, da die Bild-Ansicht ist auf der rechten Seite,es sollte wirklich erklärt werden zweiten). das problem ist ein zweifaches; ich kann sowohl die text-Ansicht und die img-Ansicht zu zeigen, sondern 1) die Bild-Ansicht ist nicht vertikal zentriert, wie erwähnt, das Bild ist tatsächlich kleiner als die Zeilenhöhe, und 2) die Bild-Ansicht ist nicht rechts ausgerichtet, sondern es folgt direkt nach dem Ende des Textes. wenn ich ändern Sie die text-Ansicht ein layout_width="fill_parent", die Bild-Ansicht verschwindet wieder. 🙁
InformationsquelleAutor Andrew White

Dieser arbeitete für mich:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

    <TextView android:id="@+id/date"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:padding="10dp"
    android:layout_marginRight="10dp"
    android:textSize="16sp"
    android:textColor="@color/text_color"
    android:layout_alignParentLeft="true"
    android:gravity="center_vertical"/>

    <ImageView android:id="@+id/imageBtn"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:padding="10dp"
    android:contentDescription="@string/delete"
    android:src="@drawable/delete_minus_png"
    android:layout_alignParentRight="true" />

</RelativeLayout>

Zeile android:layout_marginRight="10dp" hat den trick.

Hoffe, es hilft!

InformationsquelleAutor murko

0

Sieht aus wie es ist, einige layout-Fehler oder so. Wenn die TextView hat fill_parent Flagge, die Bildansicht wird geschoben, Weg von der Gestaltung, auch wenn die TextView Inhalte sind klein genug.

InformationsquelleAutor Alexander Dunaev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.