Android Élément de la Liste: TextView sur la gauche, sur la droite de l'Image

je me suis créer un élément de liste dans et android affichage de la liste. c'est très simple, il dispose d'un textview sur la gauche et une image sur la droite. l'image doit s'aligner tout le chemin à droite, et le texte devrait prendre tout l'espace sur la gauche. le problème est, je peux obtenir l'image pour l'afficher, mais il pousse à gauche. si j'ai mis le textview largeur de fill_parent, l'image disparaît. voici ma présentation:

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

j'ai aussi essayé une relative mise en page, mais la même chose se produit. ce que je fais mal?

EDIT: pour clarifier, c'est ce que je suis en train de réaliser:

je veux le champ de texte pour prendre toute la zone de gauche, et l'image sur la droite, non mis à l'échelle, centrée verticalement.

InformationsquelleAutor bryan costanich | 2010-12-05

android-layout

25

Vous pouvez aussi ajouter le drawable pour le textview directement comme ça.
```
<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" />
```
- Plus précise et la réponse simple.
- Ce doit être la accepté de répondre que le TextView pour définir automatiquement le composé drawable près à ses limites.
- mais comment pouvons-nous effectuer l'action onClick sur seulement drawable image? pas tout le texte??
- Ne peux pas croire que je n'ai jamais trouvé que celle d'avant. Merci!
- Comment puis-je le faire dans le code?
- textView.setCompoundDrawablesWithIntrinsicbounds(0, 0, R. drawable.common_icon_arrow_disclosure, 0)
InformationsquelleAutor guyland123

Vous pouvez utiliser bitmap drawable comme ceci (cela ajoute à coins arrondis):

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

et de mettre ce drawable dans le fond de la propriété de votre TextView:

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

Merci! Cela fonctionne aussi pour définir un arrière-plan personnalisé et flèche vers le bas pour un contrôle spinner. Il suffit de régler l'arrière-plan de votre spinner à un drawable ressource définie comme ceci et vous êtes fixés.
Belle solution!

InformationsquelleAutor tapchicoma

Gauche aligner votre texte avec le parent, et de définir la gravité de l'image à droite:

<?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 de la mise en page est ce que vous voulez. Dans votre cas, la fill_parent attribut était à l'origine du texte en vue de pousser l'image de l'écran. Si vous utilisez Relative de la mise en page et définissez l'affichage de texte à utiliser le layout_toLeftOf il devrait fonctionner.

Voici un exemple rapide qui je pense va fonctionner (je n'ai pas testé, et c'est de mémoire, mais l'idée est là)...
```
<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>
```
- Cela ne fonctionne pas non plus. la flèche de l'image showsup, mais le texte n'a pas. aussi, la flèche (qui est moins haut que le point) n'est pas centré verticalement, au lieu qu'il est aligné en haut. j'ai effectivement eu quelque chose de très similaire, mais il avait l'imageView avec layout_toRightOf le texte de l'image, mais qui fait tout le contraire de votre exemple, le texte a montré jusqu'à, mais pas la flèche.
- Désolé que je n'ai pas le temps d'écrire un scénario de test, mais quelque chose d'autre que vous pourriez essayer est le layout_alignParentLeft au lieu de layout_gravity. Je sais que j'ai fait exactement ce que vous demandez, mais je ne le trouve pas dans mes projets et je sais qu'il a utilisé le RelativeLayout. Bonne chance et je vais vérifier demain si je peux.
- j'ai utilisé layout_alignParentRight="true" sur le imageView (j'ai changé l'affichage de l'image et l'affichage de texte, depuis l'affichage de l'image est sur la droite,il ne devrait vraiment être déclaré à la seconde). le problème est double; je peux obtenir à la fois l'affichage de texte et de l'img pour afficher, mais 1) l'affichage de l'image n'est pas centrée verticalement - comme je l'ai mentionné, l'image est effectivement plus petite que la hauteur de ligne, et 2) l'affichage de l'image n'est pas aligné à droite, au lieu de cela, il suit juste après la fin du texte. si je change l'affichage de texte pour avoir un layout_width="fill_parent", l'affichage de l'image disparaît de nouveau. 🙁
InformationsquelleAutor Andrew White

Cela a fonctionné pour moi:

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

Ligne android:layout_marginRight="10dp" a fait le tour.

Espère que cela aide!

InformationsquelleAutor murko

0

Semble qu'il y a un bug d'affichage ou si. Si le TextView fill_parent drapeau, l'ImageView seront poussés loin de la mise en page, même si le TextView contenu sont assez petites.

InformationsquelleAutor Alexander Dunaev

Vous devez vous connecter pour publier un commentaire.