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

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

好了,这样就可以啦!

后记

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值