android - Android获取gridview类似于google play

Question

我希望获得这样的布局：

我正在尝试创建一个 gridview 项目，就像这里用于“专辑”的项目一样，但我正在尝试一个更简单的版本，顶部只有一个图像，下面是文本。这是我的 XML 代码：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
<RelativeLayout 
    android:id="@+id/relativelayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg_card"
     >

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

    <TextView
        android:id="@+id/txtTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/imgIcon"
        android:layout_alignTop="@+id/imgIcon"
        android:layout_alignRight="@+id/imgIcon"
        android:layout_alignBottom="@+id/imgIcon"
        android:layout_margin="1dp"
        android:gravity="center"
        android:textColor="#000000" />

</RelativeLayout></FrameLayout>

但是，当我这样做时，我会在中心得到一个图像，周围都是空白，并且没有显示任何文本。什么是正确的布局用于获得如图中所示的网格项谢谢

Answer 1

你可以试试这段代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<ImageView
    android:id="@+id/imgIcon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/picture"
     />

<TextView
    android:id="@+id/txtTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/imgIcon"
    android:layout_margin="1dp"
    android:textColor="#000000"
    android:text="testing" 
    android:layout_centerInParent="true"/>