前言
几个月之前，我写了一个展开按钮的自定义View，但是效果并不好，因为不能处理点击菜单之外的区域让菜单关闭的效果，而且需要在xml文件里面添加多个view，最近有人看到了我那篇文章，问我能不能改进一下，刚好前段时间找到了办法，今天就重写一下吧。
效果图
unfold.gif
思路
在右下角Button的父View加入一个FrameLayout，也就是图中全屏透明灰色部分。
菜单没有弹出的时候设置为不可见。
设置FrameLayout点击事件，点击的时候缩回菜单。
对应init()在FrameLayout中加入菜单按钮，也就是弹出的那三个。
菜单没有弹出的时候设置为不可见。
对应addElement()和freshElement()点击右下角的按钮，旋转图标（也可以不旋转）。
对应setRotateAnimation()用属性动画将fragment的透明度从0调到1
对应changeBackgroudStatus()将菜单按钮设为可见，并向周围弹出
对应setTranslation()
使用方法：
在XML文件中，这个父类是FloatingActionButton：
<com.ice.view.UnfoldButton
android:id="@+id/unfoldButton"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginRight="20dp"
android:layout_marginBottom="18dp"
app:elevation="5dp"
app:borderWidth="0dp"
android:layout_gravity="right"
android:src="@drawable/add"
android:background="@color/colorAccent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true" />
在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:
<color name="background">#9b414141</color>
name必须是"background"
好了，这样就可以啦！
后记
结合思路部分，看代码应该不难，如果有不明白的地方请留言告诉我。
