2019独角兽企业重金招聘Python工程师标准>>>

官网

A floating action button is used for a promoted action.Shaped like a circled icon floating above the UI, it has an ink wash upon focus and lifts upon selection. When pressed, it may contain more related actions.

使用

1. gradle添加依赖

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

2. layout添加FloatingActionButton

    <android.support.design.widget.FloatingActionButtonandroid:id="@+id/btnFloatingAction"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@android:drawable/btn_plus"android:layout_gravity="bottom|right" />

3. 添加事件

        FloatingActionButton btnFab = (FloatingActionButton) findViewById(R.id.btnFloatingAction);btnFab.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Snackbar.make(coordinatorLayout, "FloatActionTest", Snackbar.LENGTH_LONG).show();}});

更多

转自http://hackeris.me/2015/07/12/floating_action_button/

开发者手册只描述了 fabSize 这个属性,已经有人提了issue#178117,里面有其他属性的详细解释。以下是那些属性:

  • 默认 Floating action button 的背景色是应用主题的 ascent color,但可以通过app:backgroundTint 属性或者setBackgroundTintList (ColorStateList tint)方法去改变背景颜色。
  • 上面提到 Floating action button 的大小尺寸,可以用过app:fabSize 属性设置(normal or mini)
  • android:src 属性改变 drawable
  • app:rippleColor设置点击 button 时候的颜色
  • app:borderWidth设置 button 的边框宽度
  • app:elevation设置普通状态阴影的深度(默认是 6dp)
  • app:pressedTranslationZ设置点击状态的阴影深度(默认是 12dp)

Margin issue in Android 4.4 and 5.0

在 Lollipop 使用 FAB 的时候 margin 出现问题,我们可以这样来解决这个问题,在 API 21+ 定义 bottom 和 right margin 为 16dp,21 之前的都定义为 0dp

values/dimens.xml

<dimen name="fab_margin_right">0dp</dimen>
<dimen name="fab_margin_bottom">0dp</dimen>

values-v21/dimens.xml

<dimen name="fab_margin_right">16dp</dimen>
<dimen name="fab_margin_bottom">16dp</dimen>

在设置 FAB 属性的时候:

<android.support.design.widget.FloatingActionButton......android:layout_marginBottom="@dimen/fab_margin_bottom"android:layout_marginRight="@dimen/fab_margin_right"/>

Android 5.0 中还存在阴影问题

可以通过设置边框宽度给它来解决这个问题

<android.support.design.widget.FloatingActionButton......  app:fabSize="normal"app:borderWidth="0dp"android:layout_marginBottom="@dimen/fab_margin_bottom"android:layout_marginRight="@dimen/fab_margin_right"/>

转载于:https://my.oschina.net/shanlilaideyu/blog/739030

Andrid Floating Action Button相关推荐

  1. android编辑按钮图标,修改 Floating Action Button 图标

    使用 Android Studio 新建的 basic 页面中的 floating action button (FAB) 是个邮件图标.而我想将图标修改成加号. 使用内置的图标 默认的图标为 ic_ ...

  2. Floating Action Button(漂浮按钮)--谷歌新的设计包

    效果图: 步骤一: 在build.gradle添加以下代码,导入包 dependencies {compile 'com.android.support:design:22.2.0' } 步骤二: 在 ...

  3. Floating Action Button-Android M新控件

    概述 浮动操作按钮是Material Design 中推出的控件之一 浮动操作按钮 (简称 FAB) 是: "一个特殊的promoted操作案例.因为一个浮动在UI之上的圆形图标而显得格外突 ...

  4. Android 自定义Action Button

    ※ 效果 ※代码 通常我们使用系统的默认方法 <EditText android:id="@+id/password" android:layout_width=" ...

  5. Material Design in Action — 哔哩哔哩动画 Android 客户端

    来源 http://www.jianshu.com/p/d1458e550b8e# 前言 哔哩哔哩动画是中国大陆的一家弹幕视频网站,在中国二次元用户中颇受欢迎. 哔哩哔哩动画之前推出过采用 Andro ...

  6. Material Design学习之 Button(详细分析,传说中的水滴动画)

    转载请注明出处:王亟亟的大牛之路 上一篇大致介绍了Material Design的一些基本概念传送门:http://blog.csdn.net/ddwhan0123/article/details/5 ...

  7. 初步了解React Native的新组件库firstBorn

    first-born is a React Native UI Component Framework, which follows the design methodology Atomic Des ...

  8. Android开源项目分类汇总-转载

    太长了,还是转载吧... 今天在看博客的时候,无意中发现了@Trinea在GitHub上的一个项目Android开源项目分类汇总,由于类容太多了,我没有一个个完整地看完,但是里面介绍的开源项目都非常有 ...

  9. android6.0进入Material Design时代

    Material Design 官方Material Design详细介绍文档:http://www.google.com/design/spec/material-design/introducti ...

最新文章

  1. 我把SpringBoot项目从18.18M瘦身到0.18M,部署起来真省事!
  2. 前端必备,JavaScript面试问题及答案
  3. 在Apache Tomcat 7设置redis作为session store
  4. Time(sdutoj2272)_JAVA
  5. 一步一步学Ruby(十一):控制语句
  6. Unreal Engine 4 —— 冷却UI的制作
  7. SAP Spartacus 升级时关于 schematics 的更新
  8. WPF 实现一个酷酷的Loading
  9. 中车四方时速600公里高速磁浮试验样车试跑成功
  10. linux学习杂记_socket编程(含select)
  11. 28、Windows API Shell任务栏通知区域(Tray)图标
  12. php split to array,Split php varibale with JS into array
  13. Pythonamp;R爬取分析赶集网北京二手房数据(附详细代码)
  14. CMake is re-running because generate.stamp.list is missing.
  15. 微信小程序顶部tab切换
  16. Ant Design Vue中日期选择器中绑定后台获取的时间
  17. bootstrap怎么强制不换行_Bootstrap方法的软件实现
  18. html+css的音乐网站
  19. 计算机存储单位的换算关系
  20. 深度学习部署(十八): CUDA RunTime API _wa_仿射变换的实现

热门文章

  1. 【Java】什么是多态?多态的实现机制是什么?
  2. 01-06 Linux常用命令-统计
  3. mysql优化了解_了解MySQL如何优化
  4. 获取表情字符串的html,js:如何截取含有表情的字符串
  5. 记者“卧底”程序猿的故事
  6. 什么是HTML5前端开发?HTML5前端要学哪些技术?
  7. 【C语言】在线OJ题 BC72-BC87-牛客网编程初学者入门训练
  8. linux不执行unittest框架,Unittest加载执行用例的方法总结
  9. python安装方法_【Python教程】Windows10 安装Python
  10. 在计算机系统中使用加载器,在个人计算机系统中从软盘加载基本输入/输出系统的设备和方法...