Как обеспечить одинаковое расстояние между CardViews неравномерной высоты?

Question

У меня есть экран с 3 видами карт, расположенными вертикально. Количество карточек установлено на 3. Карты имеют разную высоту, потому что их содержимое различно. Я хотел бы разделить расстояние между картами поровну так, чтобы три карты занимали все пространство экрана поровну вместо большого пустого пространства между третьей картой и нижней частью экрана, как показано на рисунке ниже (сейчас это мой экран) ).

Я попытался предоставить элемент Space между Card Views следующим образом, но он ничего не делал:

    <Space
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </Space>

Я также пытался добавить weightSum к родительской линейной компоновке, но безрезультатно. Есть ли способ сделать это?

.

Answer 1

Попробуйте этот код, я использую ConstraintLayout:

Импорт библиотеки:

implementation 'com.android.support.constraint:constraint-layout:1.1.0'

layout.xml

<?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="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.CardView
        android:id="@+id/card1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="6dp"
        app:cardBackgroundColor="@android:color/black"
        app:layout_constraintBottom_toTopOf="@id/card2"
        app:layout_constraintTop_toTopOf="parent">

        <View
            android:layout_width="match_parent"
            android:layout_height="100dp" />
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:id="@+id/card2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="6dp"
        app:cardBackgroundColor="@android:color/holo_orange_dark"
        app:layout_constraintBottom_toTopOf="@id/card3"
        app:layout_constraintTop_toBottomOf="@+id/card1">

        <View
            android:layout_width="match_parent"
            android:layout_height="200dp" />
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:id="@+id/card3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="6dp"
        app:cardBackgroundColor="@android:color/holo_blue_bright"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/card2">

        <View
            android:layout_width="match_parent"
            android:layout_height="200dp" />
    </android.support.v7.widget.CardView>

</android.support.constraint.ConstraintLayout>

Итак, вы исправили 3 CardView:

• Его высота wrap_content
• Каждая карта имеет ограничение как сверху, так и снизу (первая карта придерживается родительской верхней части, а последняя карта - родительской нижней)

ConstraintLayout отвечает за одинаковое растяжение интервала, чтобы соответствовать всем установленным нами ограничениям. Но убедитесь, что ваш контент не слишком длинный, верх и низ будут обрезаны.

Результат:

Answer 2

вы уже там, но вместо пробела просто используйте пустой вид для создания промежутка.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"  />

<View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" /> 

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"  />

<View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" /> 

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"  />

<View 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" /> 

Answer 3

Если вы хотите разделить пробелы между карточками, вы можете попробовать использовать constraintLayout с цепочкой спреда или спредом внутри цепочки. https://medium.com/@loutry/guide-to-constraintlayout-407cd87bc013