效果图

思路

1.下角Button的父View加入一个FrameLayout，也就是图中全屏透明灰色部分。

菜单没有弹出的时候设置为不可见。

设置FrameLayout点击事件，点击的时候缩回菜单。

对应init()

2.rameLayout中加入菜单按钮，也就是弹出的那三个。

菜单没有弹出的时候设置为不可见。

对应addElement()和freshElement()

3.右下角的按钮，旋转图标（也可以不旋转）。

对应setRotateAnimation()

4.性动画将fragment的透明度从0调到1

对应changeBackgroudStatus()

5.单按钮设为可见，并向周围弹出

对应setTranslation()

点我查看源代码

使用方法：

在XML文件中，这个父类是FloatingActionButton：

在Activity中：

  UnfoldButton f = (UnfoldButton) findViewById(R.id.unfoldButton);
    f.addElement(R.drawable.bestjay, new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //这里写菜单的点击事件
      }
    });
    f.addElement(R.drawable.bestjay,null);//同上
    f.addElement(R.drawable.bestjay,null);//同上
    f.setmRotatable(true);//设置图标是否旋转 默认为true
    f.setmScale(1);//设置弹出缩放的比例 1为不缩放 范围是0—1
    f.setLength(250);//设置弹出的距离

弹出菜单后，背景颜色由你自己定，你需要在colors.xml里面声明一个color:

#9b414141

name必须是”background”