添加 FloatingActionButton(FAB)

在材质设计中,“ 浮动”按钮表示活动中的主要操作。
它们通过在 UI 上方浮动的带圆圈的图标来区分,并且具有包括变形,发射和传递锚点的运动行为。

确保在依赖项下的应用程序的 build.gradle 文件中添加了以下依赖项:

compile 'com.android.support:design:25.3.1'

现在将 FloatingActionButton 添加到你的布局文件中:

<android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:src="@drawable/some_icon"/>

src 属性引用应该用于浮动操作的图标。
结果看起来应该是这样的(假设你的重点颜色是 Material Pink): StackOverflow 文档

默认情况下,FloatingActionButton 的背景颜色将设置为主题的强调色。此外,请注意,FloatingActionButton 需要在其周围的边距才能正常工作。底部的建议边距是手机的 16dp 和平板电脑的 24dp

以下是可用于进一步自定义 FloatingActionButton 的属性(假设 xmlns:app="http://schemas.android.com/apk/res-auto 被声明为命名空间作为布局的顶部):

  • app:fabSize :可以设置为 normalmini,以在正常大小或较小版本之间切换。
  • app:rippleColor :设置你的 FloatingActionButton 的涟漪效果的颜色。可以是颜色资源或十六进制字符串。
  • app:elevation :可以是字符串,整数,布尔值,颜色值,浮点,维度值。
  • app:useCompatPadding :启用 compat 填充。也许是一个布尔值,例如 truefalse。设置为 true 以在 api-21 及更高版本上使用 compat 填充,以便与旧的 api 级别保持一致的外观。

你可以在此处找到有关 FAB 的更多示例。