Выровняйте gridview равномерно, когда у детей разный рост

Question

У меня есть этот GridView:

<GridView
    android:id="@+id/gridView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:stretchMode="columnWidth"
    android:numColumns="2"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:clipToPadding="false"
    android:padding="10dp"
    android:scrollbars="none"
    android:drawSelectorOnTop="true"/>

, у которого есть дети с одинаковым ростом, 99% времени.Нет проблем, и это выглядит так.

 ----   ----
|    | |    |
|    | |    |
 ----   ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----

1% времени, ребенок может быть выше, чем его братья и сестры, и в результате получается

 ----   ----
|    | |    |
|    | |    |
|    |  ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----

Как показано, ребенок 1 перекрываетсяс его родным братом под ним.

Вот чего вы хотите достичь:

 ----   ----
|    | |    |
|    | |    |
|    |  ----
 ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----
 ----   ----
|    | |    |
|    | |    |
 ----   ----

Как вы можете видеть, два ребенка посередине настроены так, чтобы у ребенка 1 было достаточно места, чтобы нарисовать его вид.

Пробовал другой конфиг для моего gridview, но не смогЯ застрял и мне нужна помощь.

Answer 1

Я думаю, что вам нужен Staggered GridView: https://abhiandroid.com/materialdesign/recyclerview-as-staggered-grid-example.html

Answer 2

, пожалуйста, укажите этот URL, используйте Recylerview вместо GridView в xml. https://abhiandroid.com/materialdesign/recyclerview-gridview.html