android - CardView 中心的 Fab 按钮

Question

我想为 CardView 创建一个类似于下图的布局，问题是我不知道将 FAB 放在布局中的何处，我尝试使用LinearLayout，但没有“重叠”CardView，或者是在里面或在外面，我需要一些建议

这是我尝试过的(仅是示例)

<android.support.v7.widget.CardView
    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="wrap_content"
    android:id="@+id/card"
    app:cardCornerRadius="4dp"
    app:cardElevation="5dp"
    app:cardUseCompatPadding="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

       <!-- Other object -->

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:clickable="true"
        android:src="@android:drawable/ic_dialog_info"
        app:backgroundTint="@android:color/holo_red_dark"
        app:elevation="6dp"
        app:borderWidth="0dp"
        app:layout_anchorGravity="center_horizontal"
        android:layout_gravity="center_horizontal" />

</android.support.v7.widget.CardView>

Answer 1

在这种情况下，FAB 需要位于 CardView 之外。将 CardView 包裹在 Frame 布局中。

<FrameLayout>
<android.support.v7.widget.CardView>
     // put content of card here
</android.support.v7.widget.CardView>
<Fab />
<FrameLayout>