可操作的浮动按钮使用

依赖库地址https://github.com/yavski/fab-speed-dial，

是一个可以展开的浮动按钮库，

使用如下：

1，创建项目并导入依赖库，

dependencies {
    compile 'io.github.yavski:fab-speed-dial:1.0.6'
}

2，项目中添加可操作的浮动按钮菜单m:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    tools:context="com.cui.fabspeeddial.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

    <include layout="@layout/content_main" />

    <io.github.yavski.fabspeeddial.FabSpeedDial
        android:id="@+id/fab_speed_dial"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        app:fabGravity="bottom_end"
        app:fabMenu="@menu/menu_fab"
        app:miniFabBackgroundTint="@android:color/white"
        app:miniFabDrawableTint="?attr/colorPrimaryDark"
        app:miniFabTitleTextColor="?attr/colorPrimaryDark" />

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

很简单的使用这个按钮替代fab就行了，

其中app:fabGravity="bottom_end"就对应原来的layout_gravite；确定位置。

fabMenu是展开后的带单，多了会遮挡，三项比较好，

menu_fab.xml:

<menu 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"
    tools:context="com.cui.fabspeeddial.MainActivity">
    <item
        android:id="@+id/action_top"
        android:orderInCategory="100"
        android:title="顶部"
        android:icon="@drawable/ic_arrow_upward_black_24dp"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_home"
        android:orderInCategory="100"
        android:icon="@drawable/ic_search_black_24dp"
        android:title="搜索"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="主页"
        app:showAsAction="never" />
</menu>

icon可以在

获得原生的svg图片。

其他的api见git地址，https://github.com/yavski/fab-speed-dial

3，代码中使用：

FabSpeedDial fabSpeedDial = (FabSpeedDial) findViewById(R.id.fab_speed_dial);
fabSpeedDial.setMenuListener(new SimpleMenuListenerAdapter() {
    @Override
    public boolean onPrepareMenu(NavigationMenu navigationMenu) {
        // TODO: Do something with yout menu items, or return false if you don't want to show them
        return true;
    }
});

fabSpeedDial.setMenuListener(new SimpleMenuListenerAdapter() {
    @Override
    public boolean onMenuItemSelected(MenuItem item) {
        //TODO: Start some activity

        int id = item.getItemId();
        switch (id){
            case R.id.action_top:
                 //TODO: Start some activity
                break;            case R.id.action_home:                //TODO: Start some activity                break;            default:
               //TODO: Start some activity
                break;        }        return false;    }});

其他方法见原git地址https://github.com/yavski/fab-speed-dial

至此就完成了，