Listendarstellung mit Titel, Bild und text?

Ich brauche, um eine Liste anzuzeigen, die mit einem Bild auf der linken Seite, ein Titel, Schwamm rechts des Bildes und eine Beschreibung unter diesem.
Ich habe aus der Listenansicht in die docs, aber ich kann nicht scheinen zu finden ein Beispiel für dieses.
Ich habe eine tab-Ansicht, wie Sie in XML definiert (als pro android Beispiel tabs1) mit einer Liste anzeigen als die erste Registerkarte Inhalt.
Allerdings möchte ich hinzufügen, dass die Inhalte über einen RSS-newsfeed an das listview-Steuerelement im code.

Ich dachte, der mithilfe einer webview mit einer html-injection-string aber wie kann ich Bilder einfügen, die aus dem drawable-Ordner. (diese Bilder sind nur eine "Nachrichten-Symbol" lokal gespeichert, nicht ein Bild aus dem internet)

Sorry wenn es ein bisschen nooby-Frage, aber jede Hilfe dankbar 🙂

InformationsquelleAutor Dan Harvey | 2011-04-06
  1. 10

    Ich nehme an, dass die Struktur, die Sie beschreiben, bezieht sich auf den Inhalt der ListView-Elemente. Sie erreichen dies, indem Sie ein layout für die einzelnen Artikel. Der code unten hat für mich in einer ähnlichen situation:

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

    Sie dann verlängern müssen, einen BaseAdapter, die mit Ihrem ListActivity. Benötigen Sie aufblasen, um das layout und füllen es mit Daten aus dem RSS-feed.

    @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;
}
    • vielen Dank, das war hilfreich
    • Ich sollte anmerken, dass das RelativeLayout Datei wurde wahrscheinlich gespeichert result_item.xml in Projekt/res/layout/
    InformationsquelleAutor kgiannakakis
  2. 1

    Könnten Sie auch prüfen, diese Seite hier für ein sehr schönes layout
    android-layout-tricks-1

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

    InformationsquelleAutor Mayank
  4. 0

    Müssen Sie design listview-Elemente zu enthalten, die textview und Bildansicht. 

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

    Dann brauchen Sie, um design listview-layout.
    Dann brauchen Sie, um die Blasen Sie Ihre Zeile Element-layout, indem man layout inflater.

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