RecycleView + сетка с другим размером изображения

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

вы можете использовать lativelayout , чтобы соответствовать Заголовок и Автор правильно указать имя и удалить минимальную и максимальную высоту и ширину, поскольку wrap_content и тип масштаба автоматически настраивают ширину высоты.

Answer 2

Существует нечто, называемое Android Staggered GridView.Вы можете использовать для того же эффекта.Это простое в использовании и эффективное решение тоже.Вы также можете изменить дизайн.

Сетка Android в шахматном порядке