Android自定义View——展开菜单

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/q1242027878/article/details/73832036

前言

几个月之前,我写了一个展开按钮的自定义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);//设置弹出的距离
        f.setAngle(90);//设置角度为90度,也就是图片的样子。建议设置为90的倍数

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

好了,这样就可以啦!

后记

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

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页