每个值都带有布局（ImageView + ImageButton）的GridView

Question

是否有可能制作一个网格视图，其中不是图片网格，而是每张图片下面都有一个小的图像按钮？

- rosu alin

Answer 1

简短回答：可以。您可以在GridView中拥有一个ImageView和一个ImageButton。

详细回答：

您必须自然地创建一个定制的GridView来实现这一目的。

例如：

创建一个XML，其中包含容器GridView，例如grid.xml：

<GridView
    android:id="@+id/gridFriends"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:clipChildren="true"
    android:columnWidth="100dp"
    android:fastScrollEnabled="true"
    android:gravity="center"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth" >
</GridView>

为了定义GridView的内容，请创建另一个XML布局，其中将包含ImageView和ImageButton。比如，grid_items.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainContainer"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="5dp" >

    <FrameLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:gravity="center" >

        <ImageView
            android:id="@+id/imgProfilePicture"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            android:src="@null" />

        <ImageButton
            android:id="@+id/imgbtnDemo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|center"
            android:background="@null"
            android:gravity="center"
            android:src="@drawable/ic_contact_picture" >
        </ImageButton>
    </FrameLayout>

</RelativeLayout>

最后，如果您熟悉自定义ListViews的概念，稍加修改即可实现自定义GridView。如果您不熟悉自定义ListViews或GridViews，请按照本教程创建自定义GridView： http://www.coderzheaven.com/2012/02/29/custom-gridview-in-android-a-simple-example/。或使用此Google搜索获得更多类似的教程。 这里重要的一点是，如果需要在单击ImageButton时执行某个功能，则需要在Adapter中设置onClickListener。

- Siddharth Lele

---

谢谢，这个网站：http://www.coderzheaven.com/2012/02/29/custom-gridview-in-android-a-simple-example/ + 你给我的XML文件对我自定义的GridView帮助很大。非常好的答案。 - rosu alin

我该如何在grid_items中填充相对布局？我遇到了以下异常： java.lang.ClassCastException: android.widget.FrameLayout$LayoutParams无法转换为android.widget.AbsListView$LayoutParams - Pria

@Pria：你似乎将其转换错误了。如果它是一个“RelativeLayout”，你应该将其转换为那个类型。你似乎正在将一个“FrameLayout”进行转换。或者，发布一个新问题并在此处链接它。我会看看能否帮助你解决问题。 - Siddharth Lele

Answer 2

GridView 显示一个 Views 的网格，可以显示任何扩展 View 类的内容。它可以显示一个包含 ImageView 和 ImageButton 的 LinearLayout。

- S.D.