向两边展开的Floating Action Button

最新推荐文章于 2024-04-27 16:28:58 发布

kaelsass

最新推荐文章于 2024-04-27 16:28:58 发布

阅读量2.5k

点赞数 1

分类专栏：技术文章标签： Android FAB expand collapse

本文链接：https://blog.csdn.net/kaelsass/article/details/46876379

版权

在开发OCRus的照相页面时，我们希望能更好的引导用户进行操作，用户在点击照相按钮后，分别向两边弹出确认和删除按钮，并隐藏照相按钮，避免让用户迷惑。最后实现效果如图：
two sides expanded floating action bar

弹出效果是基于FloatingActionButton做的，但这个库中子按钮的弹出方向都只能沿同一个方向，都向左、都向右、都向上或都向下，不能分别向左和向右的效果。所以我Hack进源码对这个库做了扩展，源码和示例程序见Github。

本文详细介绍对原库关键点的修改过程，大家可根据自己的需求参考修改。

原库中主要包含四个Java文件：
structure

AddFloatingActionButtion是原库中的“+”FAB，点击时会弹出子FAB，并且“+”旋转（90+45）° 变成“×”，再点击“×”子FAB收回，AddFloatingActionButtion旋转回“+”。icon不可修改。
FloatingActionButton是子FAB，点击AddFloatingActionButtion时弹出，icon可设置。
FloatingActionsMenu封装AddFloatingActionButtion和FloatingActionButton，控制按钮显示布局，添加监听器并在点击时显示动画。

<attr name="fab_expandDirection" format="enum">
    <enum name="up" value="0"/>
    <enum name="down" value=

关注