Affichage de la liste avec le titre, l'image et le texte?

J'ai besoin de faire un affichage de liste avec une image sur la gauche, un titre flottait à droite de l'image et une description en-dessous.
J'ai vérifié l'affichage de la liste dans les docs mais je n'arrive pas à trouver un exemple pour cela.
J'ai un onglet de la vue tels que définis en XML (comme par android exemple tabs1) avec une vue de liste comme le premier onglet de contenu.
Cependant je tiens à ajouter le contenu par l'intermédiaire d'un flux RSS pour la listview dans le code.

Je pensais de l'aide d'une webview à l'aide d'un code html injection chaîne mais comment pourrais-je insérer des images à partir du dossier drawable. (ces images ne sont qu'une "nouvelle" icône de l'stockées localement, pas une image à partir d'internet)

Désolé si c'est un peu un nooby question, mais toute aide appréciée 🙂

OriginalL'auteur Dan Harvey | 2011-04-06

  1. 10

    Je suppose que la structure de votre description se réfère au contenu de la liste des éléments. Pour cela, vous pouvez définir une mise en page pour l'élément individuel. Le code ci-dessous a travaillé pour moi dans une situation similaire:

    <?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:padding="6dip" android:layout_height="?android:attr/listPreferredItemHeight">
    <ImageView
        android:id="@+id/result_icon"        
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="6dip"        
        android:src="@drawable/image1"/>
    <TextView
        android:id="@+id/result_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"        
        android:layout_toRightOf="@id/result_icon"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"        
        android:layout_alignWithParentIfMissing="true"                
        android:gravity="center_vertical"
        android:text="Title" />
    <TextView  
        android:id="@+id/result_second_line"
        android:layout_width="fill_parent"
        android:layout_height="26dip"      
        android:layout_toRightOf="@id/result_icon"
        android:layout_below="@id/result_name"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"        
        android:singleLine="true"
        android:ellipsize="marquee"
        android:text="Second line" />
</RelativeLayout>

    Vous avez ensuite besoin de prolonger un BaseAdapter à utiliser avec votre ListActivity. Vous aurez besoin de gonfler la mise en page et de le remplir avec les données du flux RSS.

    @Override
public View getView(int position, View convertView, ViewGroup parent) {
    Result result = this.results.get(position);


    LayoutInflater inflater = (LayoutInflater) context.getSystemService(
                                        Context.LAYOUT_INFLATER_SERVICE);
    RelativeLayout view = (RelativeLayout) 
            inflater.inflate(R.layout.result_item, null, false);

    ImageView image = (ImageView) view.findViewById(R.id.result_icon);
    image.setImageResource(result.imageResource);

    TextView name = (TextView) view.findViewById(R.id.result_name);
    name.setText(result.location);

    TextView secondLine = (TextView) view.findViewById(R.id.result_second_line);
    secondLine.setText(result.shortDescription);

    return view;
}
    merci cela a été utile
    Il est à noter que le RelativeLayout fichier a probablement été enregistré comme result_item.xml dans un projet/res/layout/

    OriginalL'auteur kgiannakakis

  2. 1

    Vous pouvez également consulter cette page ici pour une très belle mise en page
    android-mise en page-astuces-1

    OriginalL'auteur Martin

  3. 0
    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >





    <GridLayout
        android:id="@+id/gridLayout1"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1.07"
        android:columnCount="2" >

        <ImageView
            android:id="@+id/chkItemImage"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_column="0"
            android:layout_gravity="left"
            android:layout_row="0"
            android:layout_rowSpan="3"
            android:src="@drawable/ic_launcher"
            android:scaleType="fitXY" />

        <TextView
            android:id="@+id/chkItemName"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="0"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/chkItemDescription"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="1"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/chkItemPrice"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="2"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />


    </GridLayout>

    OriginalL'auteur Mayank

  4. 0

    Vous avez besoin pour concevoir des éléments listview pour contenir textview et imageview. 

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

 <ImageView
 android:id="@+id/imageView"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

 <TextView
 android:id="@+id/textView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginLeft="40dp"
 android:layout_gravity="center_vertical"
 android:text="TextView" />
<TextView
 android:id="@+id/textView2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginLeft="40dp"
 android:layout_gravity="center_vertical"
 android:text="TextView" />

</LinearLayout>

    Alors vous avez besoin pour concevoir listview mise en page.
    Alors vous avez besoin pour gonfler votre ligne de l'élément de mise en page à l'obtention de la disposition inflater.

      LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  View single_row = inflater.inflate(R.layout.list_row, null,
 true);

    OriginalL'auteur