如何像YouTube Kids App这样在RecyclerView中设计播放列表项

Question

我尝试设计类似youtube孩子的卡片，如下图所示

不使用ConstraintLayout，但我找不到任何布局可以做到这一点

Answer 1

那么您想对垂直放置的卡片使用recyclerview吗？使用线性布局。否则，您应该真正指定问题所在。

Answer 2

是否要显示类似于堆栈的视图？还是您希望它像Tinder一样具有滑动操作功能，因为在YouTube中将其实现为只能单击但不能滑动的视图。

然后进行协调器布局。如果您只需要静态视图。

作为参考，您可以检查一下

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_margin="10dp"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:id="@+id/image_1"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        app:layout_anchorGravity="bottom"
        android:layout_marginEnd="5dp"
        android:layout_marginBottom="5dp"
        android:layout_marginStart="15dp"
        android:layout_gravity="bottom" />

    <androidx.cardview.widget.CardView
        android:id="@+id/image_2"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        app:layout_anchor="@+id/image_1"
        app:layout_anchorGravity="bottom"
        android:layout_marginEnd="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginStart="10dp"
        android:layout_gravity="bottom" />

    <androidx.cardview.widget.CardView
        android:id="@+id/image_3"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:scaleType="centerCrop"
        app:layout_anchor="@+id/image_2"
        app:layout_anchorGravity="bottom"
        android:layout_marginEnd="15dp"
        android:layout_marginBottom="15dp"
        android:layout_marginStart="5dp"
        android:layout_gravity="bottom" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>