2

レイアウトに 2 つの FloatingActionButton があります。どちらも同じ方法で CoordinatorLayout にアタッチされます。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawerLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/coordinatorLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

[ appbar, toolbar, content... ]

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/anon_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="88dp"
            android:layout_marginRight="@dimen/fab_margin"
            android:clickable="true"
            android:onClick="onFabClick"
            android:src="@drawable/ic_cloud_upload_white_24dp"
            android:tint="?colorAccent"
            app:backgroundTint="@color/tint_inverted_fab"
            app:borderWidth="0dp"
            app:layout_anchor="@id/coordinatorLayout"
            app:layout_anchorGravity="bottom|end"
            />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/keyboard_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/fab_margin"
            android:clickable="true"
            android:onClick="onFabClick"
            android:src="@drawable/ic_keyboard_white_24dp"
            app:borderWidth="0dp"
            app:layout_anchor="@id/coordinatorLayout"
            app:layout_anchorGravity="bottom|end"
            />


    </android.support.design.widget.CoordinatorLayout>


    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/navigation_header"
        app:menu="@menu/drawer"/>
</android.support.v4.widget.DrawerLayout>

しかし、スナックバーを表示すると、一番下の FAB だけが上下に移動します。

Snackbar.make(mCoordinator, "FAB pressed", Snackbar.LENGTH_LONG).show();

両方を動かす方法は？

4

1 に答える 1

4

私が見つけた解決策は、FloatingActionButton の動作を再度実装し、FAB で明示的に設定することです。

デフォルトの動作を実装する方法については、BaseLab の担当者が対応するGitHub リポジトリを含む優れた記事をここで公開しています。

このような動作の独自の再実装を作成したら、次のようにレイアウト ファイルに設定するだけです。

<android.support.design.widget.FloatingActionButton
    [...]        
    app:layout_behavior="your.package.name.FloatingActionButtonBehavior"/>

SnackBarが表示されると、両方のボタンが移動します。

于 2015-09-28T11:17:40.230 に答える