android - 具有多个操作的 FloatingActionButton

Question

我正在使用设计支持库 (com.android.support:design:22.2.0) 中的 FloatingActionsButton (FAB)。

在我的应用程序中，我有两个主要功能，第一个是每 X 分钟同步一次数据(启动服务并每 X 分钟更新一次数据)，第二个是同步一次(从服务器请求数据并更新界面)。

我想将 FAB 用于这些主要功能，并想知道我可以做什么以及如何实现:

第一种方法是使用一个 FAB，单击按钮时将显示两个新的 FAB，每个功能一个。

第二种方法是在 UI 中始终显示两个 FAB，每 X 分钟同步一次的 FAB 将大于更新一次的 FAB。

我对第一种方法很感兴趣，想知道如何实现这种行为？我环顾四周，但这个观点是新的，我找不到例子。

谢谢。

Answer 1

我正在使用这个 github 库，它非常简单并且解决了我的问题:

https://github.com/Clans/FloatingActionButton

将依赖项添加到您的 build.gradle 中:

dependencies {
    compile 'com.github.clans:fab:1.6.4'
}

将此添加到您的 xml 的开头:

xmlns:fab="http://schemas.android.com/apk/res-auto"

现在只需添加您的按钮，例如:

<com.github.clans.fab.FloatingActionMenu
    android:id="@+id/floatingMenu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    fab:menu_labels_ellipsize="end"
    fab:menu_labels_singleLine="true"
    fab:menu_fab_label="Cancel"
    fab:menu_backgroundColor="#ccffffff"
    fab:menu_animationDelayPerItem="0"
    fab:menu_colorNormal="#00C29F"
    fab:menu_colorPressed="#00C29F"
    fab:menu_colorRipple="#00C29F"
    android:padding="8dp">

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fabEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_edit_white"
        fab:fab_size="mini"
        fab:fab_label="Edit Category"/>

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fabAddProduct"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/fab_add"
        fab:fab_size="mini"
        fab:fab_label="Add product"/>

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/fabAddSubcategory"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/fab_add"
        fab:fab_size="mini"
        fab:fab_label="Subcategory"/>

</com.github.clans.fab.FloatingActionMenu>