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

Question

Ich erstelle eine benutzerdefinierte Listenelement in und Android-Listenansicht. Es ist sehr einfach, es hat eine Textansicht auf der linken Seite und ein Bild auf der rechten Seite. Das Bild sollte vollständig nach rechts ausgerichtet sein, und die Textansicht sollte den gesamten Platz auf der linken Seite einnehmen. Problem ist, ich kann das Bild zeigen, aber es schiebt nach links. Wenn ich die Textansichtsbreite auf fill_parent einstelle, verschwindet das Bild. 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 eine relative Layout versucht, aber das gleiche passiert. Was mache ich falsch?

---

EDIT: Zur Klarstellung ist es das, was ich versuche zu erreichen:

ich mag das Textfeld den gesamten linken Bereich zu übernehmen, und das Bild auf seinen das Recht, unskaliert, vertikal zentriert.

Answer 1

Relatives Layout ist was Sie wollen. In Ihrem Fall hat das Attribut fill_parent dazu geführt, dass die Textansicht das Bild vom Bildschirm verschoben hat. Wenn Sie Relatives Layout verwenden und die Textansicht so einstellen, dass sie das Layout_toLeftOf verwendet, sollte es funktionieren.

Hier ist ein kleines Beispiel, dass ich denke funktioniert (ich habe es nicht getestet und es ist aus dem Gedächtnis, aber die Idee ist da) ...

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

Answer 2

Sie Bitmap ziehbar wie diese verwenden kann (dies trägt auch abgerundete 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 dieses ziehbar im Hintergrund Eigentum Ihrer Textview setzen:

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

Answer 3

Ihren Text mit der Mutter links ausrichten, und die Schwere des Bildes nach rechts gesetzt:

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

Answer 4

Das ist für mich gearbeitet:

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

Linie android: layout_marginRight = "10DP" hat den Trick .

Hoffe es hilft!

Answer 5

Sieht so aus, als gäbe es einen Layout-Bug oder so. Wenn der TextView das Flag fill_parent hat, wird das ImageView vom Layout weggedrückt, selbst wenn der TextView-Inhalt klein genug ist.

Answer 6

Sie können das Zeichen auch direkt zur Textansicht hinzufügen.

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