Android使用Material Design实现悬浮按钮

最新推荐文章于 2025-11-17 01:36:44 发布

原创

最新推荐文章于 2025-11-17 01:36:44 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#悬浮按钮 #Android #Material Design

本文详细介绍了如何在Android中使用Material Design实现悬浮按钮，包括FloatingActionButton控件的使用，Snackbar控件及其交互，以及如何通过CoordinatorLayout优化布局效果，提供更好的用户体验。

前言

本文是对《Android第一行代码》第十二章《最佳UI体验——Material Design实战》中关于悬浮按钮实现的学习和记录，主要内容包括——

FloatingActionButton控件
Snackbar控件
CoordinatorLayout布局

其实关于悬浮按钮的实现十分简单，Design Support库中做了大量的封装，只需要运用以上3个基础控件就可以完成一个最简单的悬浮球样式了。实际上，目前关于Android悬浮球的实现方案挺多的，网上可以找到很多酷炫的悬浮球实现方式。

悬浮按钮

立面设计是Material Design设计中一个非常重要的思想，在官方的示例中，最简单且具有代表性的立面设计就是悬浮按钮了。本节是对悬浮按钮以及其交互提示的学习和总结。

FloatingActionButton控件

FloatingActionButton可以直接实现一个悬浮球的效果，我们修改activity_main.xml中的代码，如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    ...
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:background="?attr/colorPrimary"
            android:layout_width="match_parent"