2013-07-10 4 views
1

Je suis nouveau dans Android. Je veux créer une liste.En utilisant des images.Que créer personnalisé-Android-ListView-avec-image-et-texte

Je souhaite placer le logo d'en-tête de la société en haut de la page. Après cela, je veux répéter la liste. Mon code de fichier XML est ici s'il vous plaît me suggérer la mise à jour

<?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="wrap_content" 
    android:background="@drawable/list_selector" 
    android:orientation="horizontal" 
    android:padding="5dip" > 

    <!-- ListRow Left sied Thumbnail image --> 
    <LinearLayout android:id="@+id/thumbnail" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:padding="3dip"  
     android:layout_alignParentLeft="true" 
     android:background="@drawable/image_bg" 
     android:layout_marginRight="5dip"> 

     <ImageView  
      android:id="@+id/list_image" 
      android:layout_width="50dip" 
      android:layout_height="50dip" 
      android:src="@drawable/ic_launcher"/> 

    </LinearLayout> 


    <TextView 
     android:id="@+id/title" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignTop="@+id/thumbnail" 
     android:layout_toRightOf="@+id/thumbnail" 
     android:text="Hotels" 
     android:textColor="#040404" 
     android:typeface="sans" 
     android:textSize="15dip" 
     android:textStyle="bold"/> 


    <TextView 
     android:id="@+id/artist" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/title" 
     android:textColor="#343434" 
     android:textSize="10dip" 
     android:layout_marginTop="1dip" 
     android:layout_toRightOf="@+id/thumbnail" 
     android:text="Hotel Text " /> 


    <ImageView android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/arrow" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true"/> 

</RelativeLayout> 
+0

Vous devez apprendre ... Commencer avec http://www.survivingwithandroid.com/2012/10/android-listview-custom-adapter-and.html par exemple – Angudroid

+0

vous devriez poster plus de code –

+0

@ Yume117 j'ai upadated ma morue s'il vous plaît vérifier et me suggérer le chnage –

Répondre

0

Essayez de suivre la mise en page

<?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="wrap_content" 
    android:orientation="horizontal" 
    android:padding="5dip" > 

    <!-- ListRow Left sied Thumbnail image --> 

    <ImageView 
     android:id="@+id/imgLogo" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_marginBottom="5dp" 
     android:layout_marginRight="5dip" 
     android:padding="3dip" 
     android:src="@drawable/ic_launcher" /> 

    <!-- Repeat this layout number of times --> 

    <RelativeLayout 
     android:id="@+id/relative1" 
     android:layout_width="match_parent" 
     android:layout_height="70dp" 
     android:layout_below="@+id/imgLogo" 
     android:layout_marginTop="5dp" 
     android:background="@android:color/darker_gray" 
     android:gravity="center_vertical" > 

     <ImageView 
      android:id="@+id/list_image" 
      android:layout_width="50dip" 
      android:layout_height="50dip" 
      android:layout_alignParentLeft="true" 
      android:layout_marginRight="5dip" 
      android:padding="3dip" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:id="@+id/title" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignTop="@+id/list_image" 
      android:layout_marginRight="5dp" 
      android:layout_marginTop="10dp" 
      android:layout_toLeftOf="@+id/imgRight" 
      android:layout_toRightOf="@+id/list_image" 
      android:text="Hotels" 
      android:textColor="#040404" 
      android:textSize="15dip" 
      android:textStyle="bold" 
      android:typeface="sans" /> 

     <TextView 
      android:id="@+id/artist" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/title" 
      android:layout_marginRight="5dp" 
      android:layout_toLeftOf="@+id/imgRight" 
      android:layout_toRightOf="@+id/list_image" 
      android:text="Hotel Text " 
      android:textColor="#343434" 
      android:textSize="10dip" /> 

     <ImageView 
      android:id="@+id/imgRight" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:src="@drawable/ic_launcher" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:id="@+id/relative2" 
     android:layout_width="match_parent" 
     android:layout_height="70dp" 
     android:layout_below="@+id/relative1" 
     android:layout_marginTop="5dp" 
     android:background="@android:color/darker_gray" 
     android:gravity="center_vertical" > 

     <ImageView 
      android:id="@+id/list_image" 
      android:layout_width="50dip" 
      android:layout_height="50dip" 
      android:layout_alignParentLeft="true" 
      android:layout_marginRight="5dip" 
      android:padding="3dip" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:id="@+id/title" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignTop="@+id/list_image" 
      android:layout_marginRight="5dp" 
      android:layout_marginTop="10dp" 
      android:layout_toLeftOf="@+id/imgRight" 
      android:layout_toRightOf="@+id/list_image" 
      android:text="Hotels" 
      android:textColor="#040404" 
      android:textSize="15dip" 
      android:textStyle="bold" 
      android:typeface="sans" /> 

     <TextView 
      android:id="@+id/artist" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/title" 
      android:layout_marginRight="5dp" 
      android:layout_toLeftOf="@+id/imgRight" 
      android:layout_toRightOf="@+id/list_image" 
      android:text="Hotel Text " 
      android:textColor="#343434" 
      android:textSize="10dip" /> 

     <ImageView 
      android:id="@+id/imgRight" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:src="@drawable/ic_launcher" /> 
    </RelativeLayout> 

</RelativeLayout> 
+0

Pleas se référer à ce http://s15.postimg.org/43bstxvkb/Home.jpg.Je veux placer le logo de l'entreprise au sommet den cette partie dans les répétitions .Il est la mise en page fixe –

+0

ont vous avez implémenté cette mise en page? alors vous aurez une idée de comment faire cela. Vous pouvez mettre en œuvre à votre manière. Je t'ai donné une idée. Le reste du travail vous appartient. –

+0

Problème je fais face est comment je peux mettre le logo sur le dessus .Si vous pouvez me suggérer je serai reconnaissant à vous @chintan –

0

Votre code XML est bon s'il vous plaît gonfler cette disposition dans votre méthode de getView adaptateur et réglez listView.

Questions connexes