FloatingActionButton с несколькими действиями

Question

Я использую FloatingActionsButton (FAB) из библиотеки поддержки дизайна (com.android.support:design:22.2.0).

В моем приложении у меня есть две основные функции: первая синхронизирует данные каждые X минут (которая запускает сервис и обновляет данные каждые X минут), а вторая синхронизируется один раз (запрашивает данные с сервера и обновления пользовательский интерфейс).

Я хочу использовать FAB для этих основных функций и интересно, что и как я могу это сделать:

Первый подход использует один FAB, что при нажатии кнопки покажет две новые системы FABS один для каждой функции.

Второй подход отображает всегда два 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>