添加 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):
默认情况下,FloatingActionButton
的背景颜色将设置为主题的强调色。此外,请注意,FloatingActionButton
需要在其周围的边距才能正常工作。底部的建议边距是手机的 16dp
和平板电脑的 24dp
。
以下是可用于进一步自定义 FloatingActionButton
的属性(假设 xmlns:app="http://schemas.android.com/apk/res-auto
被声明为命名空间作为布局的顶部):
app:fabSize
:可以设置为normal
或mini
,以在正常大小或较小版本之间切换。app:rippleColor
:设置你的FloatingActionButton
的涟漪效果的颜色。可以是颜色资源或十六进制字符串。app:elevation
:可以是字符串,整数,布尔值,颜色值,浮点,维度值。app:useCompatPadding
:启用 compat 填充。也许是一个布尔值,例如true
或false
。设置为true
以在 api-21 及更高版本上使用 compat 填充,以便与旧的 api 级别保持一致的外观。
你可以在此处找到有关 FAB 的更多示例。