Android自定义View——展开菜单

前言

几个月之前，我写了一个展开按钮的自定义View，但是效果并不好，因为不能处理点击菜单之外的区域让菜单关闭的效果，而且需要在xml文件里面添加多个view，最近有人看到了我那篇文章，问我能不能改进一下，刚好前段时间找到了办法，今天就重写一下吧。

效果图

思路

在右下角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);//设置弹出的距离 f.setAngle(90);//设置角度为90度，也就是图片的样子。建议设置为90的倍数

弹出菜单后，背景颜色由你自己定，你需要在colors.xml里面声明一个color: <color name="background">#9b414141</color> name必须是“background”

好了，这样就可以啦！

后记

结合思路部分，看代码应该不难，如果有不明白的地方请留言告诉我。