faboptions自定义菜单使用方法

        三个功能的菜单可以使用SquareMenu，请参考SquareMenu自定义方形菜单使用方法。四个功能的菜单当然是使用本片文章所介绍的faboptions更合适了。

        (1)由于faboptions属于FloatingActionButton,因此我们需要先引入design库，再引入faboptions库，否则将无法显示。

    implementation 'com.android.support:design:28.0.0'
    implementation 'com.github.joaquimley:faboptions:1.2.0'

此处需要注意版本的一致性

        (2)然后就可以通过布局引入此控件了

<?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:orientation="vertical"
    tools:context=".ThirdActivity">
        
        <com.joaquimley.faboptions.FabOptions
            android:id="@+id/fab_options"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|bottom">

        </com.joaquimley.faboptions.FabOptions>
        
</android.support.design.widget.CoordinatorLayout>

        (3)接下来我们需要一个菜单，右键res->new->Directory，命名为menu，然后右键menu->new->Menu resouce file，创建一个名字为main的菜单文件。

menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/faboptions_favorite"
        android:icon="@drawable/ic_favorite"
        android:title="Favorite" />

    <item
        android:id="@+id/faboptions_textsms"
        android:icon="@drawable/ic_textsms"
        android:title="Message" />

    <item
        android:id="@+id/faboptions_download"
        android:icon="@drawable/ic_file_download"
        android:title="Download" />


    <item
        android:id="@+id/faboptions_share"
        android:icon="@drawable/ic_share"
        android:title="Share" />
</menu>

设置了动态图片中显示的四个子项。

此时可以通过下面两种方法将FabOptions控件和menu文件关联到一起，选其一即可

        (a)为com.joaquimley.faboptions.FabOptions控件添加一个属性app:button_menu="@menu/main"

        (b)在java代码中mFabOptions.setButtonsMenu(R.menu.main);

 

        (4)最后在java代码中获取FabOptions实例为其添加点击事件即可。

package com.tjut.ddms;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

import com.joaquimley.faboptions.FabOptions;

public class ThirdActivity extends AppCompatActivity  implements View.OnClickListener {
    private FabOptions mFabOptions;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_third);

        mFabOptions = findViewById(R.id.fab_options);
        mFabOptions.setButtonsMenu(R.menu.main);
        mFabOptions.setOnClickListener(this);
        
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.faboptions_favorite:
                mFabOptions.setButtonColor(R.id.faboptions_favorite, R.color.colorAccent);
                Toast.makeText(ThirdActivity.this, "Favorite", Toast.LENGTH_SHORT).show();
                break;

            case R.id.faboptions_textsms:
                mFabOptions.setButtonColor(R.id.faboptions_textsms, R.color.colorAccent);
                Toast.makeText(ThirdActivity.this, "Message", Toast.LENGTH_SHORT).show();
                break;


            case R.id.faboptions_download:
                mFabOptions.setButtonColor(R.id.faboptions_download, R.color.colorAccent);
                Toast.makeText(ThirdActivity.this, "Download", Toast.LENGTH_SHORT).show();
                break;


            case R.id.faboptions_share:
                mFabOptions.setButtonColor(R.id.faboptions_share, R.color.colorAccent);
                Toast.makeText(ThirdActivity.this, "Share", Toast.LENGTH_SHORT).show();
                break;

            default:
                // no-op
        }
    }
}