仿知乎FloatingActionButton浮动按钮动画效果实现(三)

本文主要是为了实现仿知乎FloatingActionButton浮动按钮动画效果实现(一)中提到的第四步骤:

设置点击出现的子按钮与描绘子按钮出现的动画效果。

这里建议使用Github上的一个MD风格的开源组件:https://github.com/Clans/FloatingActionButton

源码大概1K行,实现效果如下:

仿知乎FloatingActionButton浮动按钮动画效果实现(三)_第1张图片

实现步骤如下:

1.在gradle中引入依赖包:

compile 'com.android.support:design:23.1.1'
compile 'com.github.clans:fab:1.6.4'

2.修改布局为:




    

        

    

    

    

        

        

        

    

 可以看到将原有的单个floatingButton组件扩展为menu父组件和三个小组件嵌套的模式,一目了然,也便于对每个子按钮进行操作。


3.在Activity中初始化:

final FloatingActionMenu fab = (FloatingActionMenu) findViewById(R.id.fab);

        fab.setClosedOnTouchOutside(true);

使用setClosedOnTouchOutside方法可以设置点击蒙版关闭的开关。

你可能感兴趣的:(Android,Android进阶学习笔记)