材料設計浮動按鈕（FAB）阻止RecyclerView

Question

在我的應用程序中嘗試使用材料設計FAB按鈕時，我遇到了一個奇怪的問題。 我正在使用這個庫（ https://github.com/makovkastar/FloatingActionButton ）。

我的活動xml有一個RecyclerView和FAB。 但是FAB實際上阻擋了整個屏幕的下半部分。 像這樣的東西：

http://i.stack.imgur.com/FtEcb.png

從圖中可以看出，包含卡的RecyclerView被浮動按鈕阻止。 這是我正在使用的代碼：

activity_main.xml中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <fragment
        class="com.rubberduck.zoop.fragments.OffersFragment"
        android:id="@+id/fragment_enter_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        tools:layout="@layout/fragment_offer" />

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="8dp"
        android:elevation="6dp"
        android:src="@drawable/ic_place_white_24dp"
        fab:fab_colorNormal="@color/color_accent"
        fab:fab_colorPressed="@color/color_accent_pressed"
        fab:fab_colorRipple="@color/ripple" />

</LinearLayout>

fragment_offer.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="com.rubberduck.zoop.fragments.OffersFragment">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_offers"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <include
        android:id="@+id/card_offer"
        layout="@layout/offer_card" />


</LinearLayout>

Answer 1

當您使用LinearLayout作為fragment和FloatingActionButton的容器時，項目不會重疊：當您使用orientation="vertical"時， LinearLayout會為每個組件提供完整的寬度。 相反，根據FloatingActionButton自述文件 ，您應該使用FrameLayout （允許項重疊 - 確保FloatingActionButton出現在RecyclerView上方）：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <fragment
        class="com.rubberduck.zoop.fragments.OffersFragment"
        android:id="@+id/fragment_enter_name"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout="@layout/fragment_offer" />

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="8dp"
        android:elevation="6dp"
        android:src="@drawable/ic_place_white_24dp"
        fab:fab_colorNormal="@color/color_accent"
        fab:fab_colorPressed="@color/color_accent_pressed"
        fab:fab_colorRipple="@color/ripple" />

</FrameLayout>