Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）: FloatingActionsMenu【3】

女爷i 2024-02-17 16:36 11阅读 0赞

**Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）: FloatingActionsMenu【3】**

Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）最大的特点莫过于增加的 FloatingActionsMenu。  
FloatingActionsMenu的使用，在布局中套入若干个普通的FloatingActionButton，然后用户点击该FloatingActionsMenu后，FloatingActionsMenu里面嵌套的若干个FloatingActionButton将依次顺序展开，如图所示：

![Center][]

实现上述结果，需要在布局代码文件中写FloatingActionsMenu，然后再在FloatingActionsMenu内部嵌套若干个普通的FloatingActionButton：

需要在res/values/styles.xml中添加样式：

引用到的fab\_label\_background则需要在drawable目录下新建一个xml代码文件fab\_label\_background.xml实现：

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="@color/black_semi_transparent"/>
        <padding
            android:left="16dp"
            android:top="4dp"
            android:right="16dp"
            android:bottom="4dp"/>
        <corners
            android:radius="2dp"/>
    </shape>

需要的颜色：res/values/colors.xml：

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="black_semi_transparent">#B2000000</color>
        <color name="background">#e5e5e5</color>
        <color name="half_black">#808080</color>
        <color name="white">#fafafa</color>
        <color name="white_pressed">#f1f1f1</color>
        <color name="pink">#e91e63</color>
        <color name="pink_pressed">#ec407a</color>
        <color name="blue_semi_transparent">#805677fc</color>
        <color name="blue_semi_transparent_pressed">#80738ffe</color>
    </resources>

最终代码结构如图：

![Center 1][]

代码运行结果即为前文中所示动画效果。

附录参考文章：  
【文章1】《Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）【1】》链接地址：[http://blog.csdn.net/zhangphil/article/details/50166715][http_blog.csdn.net_zhangphil_article_details_50166715]  
【文章2】《Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）【2】》链接地址：[http://blog.csdn.net/zhangphil/article/details/50166929][http_blog.csdn.net_zhangphil_article_details_50166929]

【文章3】《Android Material Design的FloatingActionButton，Snackbar和CoordinatorLayout》链接地址：[http://blog.csdn.net/zhangphil/article/details/48861371][http_blog.csdn.net_zhangphil_article_details_48861371]  
【文章4】《Android第三方FloatingActionButton：伴随ListView、RecyclerView、ScrollView滚动滑入滑出》链接地址：[http://blog.csdn.net/zhangphil/article/details/50135707][http_blog.csdn.net_zhangphil_article_details_50135707]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/7da2d9615d014eb5b3b10df3548e9a19.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/e238d3865aa044969c215df7e0769963.png
[http_blog.csdn.net_zhangphil_article_details_50166715]: http://blog.csdn.net/zhangphil/article/details/50166715
[http_blog.csdn.net_zhangphil_article_details_50166929]: http://blog.csdn.net/zhangphil/article/details/50166929
[http_blog.csdn.net_zhangphil_article_details_48861371]: http://blog.csdn.net/zhangphil/article/details/48861371
[http_blog.csdn.net_zhangphil_article_details_50135707]: http://blog.csdn.net/zhangphil/article/details/50135707