如何在Android中制作像谷歌io 2014应用程序的列表视图？

Question

我想创建一个列表视图布局，其中包含图像和标题。我想在谷歌io 2014应用程序中像listview一样的布局。它应该是带有一些颜色的平铺列表视图，直到图像被加载，图像加载后它应该显示在列表视图的上半部分，标题应该在下面显示一些背景颜色。我在这里附上google io app的截图。

更新：如果有人可以为此列表视图指出一些模板自定义布局，那将会很有帮助！

Answer 1

使用单独的布局创建包含所有所需控件的自定义列表，并使用自定义适配器对其进行充气，您可以找到一个小示例here

你可以创建像这样的自定义布局

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="match_parent"
            android:background="@drawable/images"
            android:layout_height="match_parent"
           />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" 
        android:background="#862c10">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@android:color/white"
            android:textSize="15sp"
            android:layout_marginLeft="10dip"
            android:textStyle="bold"
            android:text="HTML5 everywhere how and why android users use the webplatform" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@android:color/white"
            android:textSize="15sp"
            android:layout_marginLeft="10dip"
            android:layout_marginTop="10dip"
            android:text="Wed 5 2001" />

         <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@android:color/white"
            android:textSize="15sp"
            android:layout_marginLeft="10dip"
            android:layout_marginTop="10dip"
            android:text="Steven roberts and mark robinson " />

    </LinearLayout>

</LinearLayout>

Answer 2

（这不应该是答案，但请原谅我无法添加评论，实际上我希望这会给他答案）。

首先，我猜你在Android中使用ListView和Adapter并不顺利。所以我建议你先阅读以下文章：

ListView tutorial 1

ListView tutorial 2

他们将教您如何使用xml来定义自定义行视图。然后你就会知道如何使用George Thomas的xml。尝试如何实现getView（）方法。