MaterialDesign系列文章(十三)FloatingActionButton的使用

不怕跌倒,所以飞翔

FAB代表一个App或一个页面中最主要的操作,如果一个App的每个页面都有FAB,则通常表示该App最主要的功能是通过该FAB操作的。为了突出FAB的重要性,一个页面最好只有一个FAB。

FAB的使用

FAB的设置尺寸

  1. 56 * 56dp :默认的大小,最常用的尺寸。
  2. 40 * 40 dp :Mini版。

简单的使用

XML中的一下属性:

  • app:elevation 阴影属性,这个是在5.0之后提出的一个概念,使按钮悬浮的一个属性
  • app:fabSize 按钮的大小,为normal时,大小为:56 * 56dp ,为mini时,大小为: 40 * 40 dp.
  • app:backgroundTint 按钮的背景颜色
  • app:rippleColor 点击按钮使形成的波纹颜色
  • android:layout_gravity 通过该属性设置位置
  • app:pressedTranslationZ 点击时显示的阴影效果
  • app:borderWidth 如果没有阴影的时候把这个值设置成"0"就可以了

其实这个控件没有什么好说的,点击事件和其他控件的点击事件一样,所以其他的内容没有什么可说的了,但是,我在翻看网上的帖子的时候看见一个很好的效果,有时间的朋友可以去看看zeng三寿的一篇文章!


这一系列文章的地址,希望对大家有帮助

  • MaterialDesign系列文章(一)转场动画

  • MaterialDesign系列文章(二)Theme主题设置

  • MaterialDesign系列文章(三)Palette库来获取图片的主要色彩

  • MaterialDesign系列文章(四)RecealAnimation动画的使用

  • MaterialDesign系列文章(五)ToolBar的使用

  • MaterialDesign系列文章(六)沉浸式状态栏的使用

  • MaterialDesign系列文章(七)TabLayout的使用

  • MaterialDesign系列文章(八)CollapsingToolbarLayout的使用

  • MaterialDesign系列文章(九)AppBarLayout的使用

  • MaterialDesign系列文章(十)NavigationView和DrawerLayout的使用

  • MaterialDesign系列文章(十一)NestedScrollView的使用

  • MaterialDesign系列文章(十二)TextInputLayout的使用

  • MaterialDesign系列文章(十三)FloatingActionButton的使用

  • MaterialDesign系列文章(十四)SnackBar的使用

  • MaterialDesign系列文章(十五)BottomSheet的使用

  • MaterialDesign系列文章(十六)BottomNavigationView的使用

  • MaterialDesign系列文章(十七)Behavior的相关问题

  • CoordinatorLayout的分析

项目地址

你可能感兴趣的:(MaterialDesign系列文章(十三)FloatingActionButton的使用)