1

アプリでマテリアル デザインの 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>
4

1 に答える 1

3

LinearLayoutと のコンテナとしてを使用するfragmentとFloatingActionButton、項目が重なりません。LinearLayoutを使用すると、 は各コンポーネントに全幅を与えますorientation="vertical"。代わりに、FloatingActionButton の readmeに従って、を使用する必要が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>
于 2015-04-19T22:12:03.883 に答える