FloatingActionButton实现 展开/折叠 的多级悬浮菜单
作者:阿钟
博客:http://my.****.net/a_zhon
虽然类似这样效果的库网上现在已经有一大堆了,甚至写的比较完美那我为什么还是要去实现呢?理由也很简单:只有自己尝试着去实现才能体会其中的奥妙 ,才能学习到新的知识这样当你在遇到自己陌生的东西就能从容的解决了。
一:万年必放效果图(没效果图鬼知道你写的是啥…)
二:使用详情
https://github.com/azhong1011/SuspensionFAB/blob/master/README.md
三:总体的实现思路
继承RelativeLayout 并往里面添加要展示的菜单按钮,默认不展示的时候将其设置为隐藏状态。剩下的重点就是将隐藏的菜单展示出来,这里我通过ObjectAnimator(属性动画)实现位移动画(如果还没了解过的童鞋可以网上搜一搜资料ObjectAnimator)、折叠时同样使用位移动画只需将坐标反转一下即可。
四:为了支持更高的扩展性,供使用者自定义每个菜单按钮的动画在这里添加了一个动画管理者(AnimationManager)只需要继承并实现所有的抽象方即可
只需要在动画执行的时候调用manager中的方法,如下代码:
五:这里对菜单展开的方向使用了枚举来来定义 ExpandOrientation,之前对枚举也是一脸蒙蔽现在用着用着也就会了、在实际运用中也是非常的爽 ^_^。
六:因为SuspensionFab view的默认大小正好是默认按钮的大小,而按钮还有阴影效果所以会导致阴影显示不全如下左图;要解决这个问题也是很简单第一种就是加大view的高宽(这也是最常用的)、第二种就是在他的父布局容器中添加android:clipChildren=”false”这个属性就是允许子view可以超出父容器的大小,这样阴影也就全部显示了如下右图:
这里需要注意的是:虽然view可以超出父容器,但是如果你需要点击事件的话就比较坑了,因为只有点击原来的容器范围内才能响应点击事件(不知道为什么,有大神知道可以告知一二)….
一命二运三风水,四修阴德五读书!
刘桂林
微信号 : Android_LiuGuiLin
新浪微博:@刘某人程序员