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>

我已经设置了最小和最大宽度和高度，但是图像忽略了这一点。另外，“标题”和“作者”文字也不正确。

我该如何解决？

Answer 1

您可以使用相对布局来正确设置标题和 Author 名称，并删除最小和最大高度和宽度，因为wrap_content和scale类型会自动调整高度宽度。

Answer 2

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

Android Staggered Gridview

具有不同图像尺寸的RecycleView +网格

2 个答案: