Android自定义View——展开菜单

前言

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

效果图

unfold.gif

思路

1. 在右下角Button的父View加入一个FrameLayout，也就是图中全屏透明灰色部分。
   菜单没有弹出的时候设置为不可见。
   设置FrameLayout点击事件，点击的时候缩回菜单。
   对应init()

2. 在FrameLayout中加入菜单按钮，也就是弹出的那三个。
   菜单没有弹出的时候设置为不可见。
   对应addElement()和freshElement()

3. 点击右下角的按钮，旋转图标（也可以不旋转）。
   对应setRotateAnimation()

4. 用属性动画将fragment的透明度从0调到1
   对应changeBackgroudStatus()

5. 将菜单按钮设为可见，并向周围弹出
   对应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"

好了，这样就可以啦！

后记

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