纸墨设计文档: Floating Action Button(FAB)

作者: rain 分类: 纸墨设计 发布时间: 2016-01-12 22:24 6 条评论

谷歌官方的纸墨设计文档 中介绍如下:

FAB 用于主要的功能按钮。FAB 是一个漂浮在 UI 之上的圆形图标,并且当点击该按钮的时候,通常具有 变形、位移 等动画效果。

如何使用

  • 在项目的 build.gradle 文件中添加 appcompatdesign 库:

  • 你的 Activity 继承至 android.support.v7.app.AppCompatActivity

  • 在布局文件中使用 FloatingActionButton

如何修改样式?

  • 在你的 styles.xml 中定义自定义样式:

  • 通过 style 属性来使用该theme

Ripple 效果颜色

使用 app:rippleColor 属性来修改当点击 FloatingActionButton 时候的 水波纹 的颜色。

图标

使用 android:src 来指定 FloatingActionButton 的图标。

####大小

在谷歌官方的纸墨设计文档中介绍:

FAB 有两种尺寸:

  • 默认尺寸:适合大部分情况
  • 迷你尺寸:当默认尺寸和当前 UI 的其他元素不协调的时候使用迷你尺寸

使用 app:fabSize 来修改 FloatingActionButton 的大小,其取值为预设的两个常量: mini 或者 normal

本文出自 云在千峰,转载时请注明出处及相应链接。

本文永久链接: http://blog.chengyunfeng.com/?p=845

Ɣ回顶部