RecyclerView + 具有不同图像大小的网格

Question

我想做类似下图的事情：

如您所见，有一个每行两列的网格布局。

在每一列中，有一个图像（根据其大小应该会有所不同）和两个文本，一个在顶部，另一个在底部。

目前我已经做到了：

一切看起来都不对劲。这是我的布局：

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

    <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/elem_image" android:layout_margin="15dp"
            android:layout_marginTop="8dp" app:layout_constraintTop_toTopOf="parent"
            android:layout_marginStart="8dp" app:layout_constraintStart_toStartOf="parent"
            android:layout_marginLeft="8dp" android:minHeight="150dp" android:minWidth="125dp"
            android:alpha="0.5" android:scaleType="fitCenter"
            android:maxHeight="200dp" android:maxWidth="150dp"/>
    <TextView
            android:text="TextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/elem_name"
            app:layout_constraintTop_toTopOf="@+id/elem_image" app:layout_constraintStart_toStartOf="@+id/elem_image"
            android:textColor="@color/colorPrimary" android:textSize="20sp" android:textStyle="bold"
            android:gravity="start"/>
    <TextView
            android:text="TextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/elem_author" android:textSize="14sp"
            android:textColor="@color/colorAccent" android:layout_marginTop="128dp"
            app:layout_constraintTop_toTopOf="@+id/elem_image" android:layout_marginStart="64dp"
            app:layout_constraintStart_toStartOf="@+id/elem_image" android:layout_marginLeft="64dp"
            android:gravity="end"/>
</android.support.constraint.ConstraintLayout>

我已经设置了最小和最大宽度和高度，但图像忽略了这一点。此外，文本 "Title" 和 "Author" 不正确。

我该如何解决这个问题？

Answer 1

您可以使用 relativelayout 来正确匹配 Title 和 Author 名称并删除 min 和最大高度和宽度，因为 wrap_content 和比例类型自动调整高度宽度。

Answer 2

有一种叫做 Android Staggered GridView 的东西。您可以使用相同的效果。它也易于使用和有效的解决方案。您也可以修改设计。

Android Staggered Gridview

RecyclerView + 具有不同图像大小的网格

RecycleView + grid with different image size

layout

android

grid-layout

android-recyclerview