Andrid Floating Action Button
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相关推荐
- android编辑按钮图标,修改 Floating Action Button 图标
使用 Android Studio 新建的 basic 页面中的 floating action button (FAB) 是个邮件图标.而我想将图标修改成加号. 使用内置的图标 默认的图标为 ic_ ...
- Floating Action Button(漂浮按钮)--谷歌新的设计包
效果图: 步骤一: 在build.gradle添加以下代码,导入包 dependencies {compile 'com.android.support:design:22.2.0' } 步骤二: 在 ...
- Floating Action Button-Android M新控件
概述 浮动操作按钮是Material Design 中推出的控件之一 浮动操作按钮 (简称 FAB) 是: "一个特殊的promoted操作案例.因为一个浮动在UI之上的圆形图标而显得格外突 ...
- Android 自定义Action Button
※ 效果 ※代码 通常我们使用系统的默认方法 <EditText android:id="@+id/password" android:layout_width=" ...
- Material Design in Action — 哔哩哔哩动画 Android 客户端
来源 http://www.jianshu.com/p/d1458e550b8e# 前言 哔哩哔哩动画是中国大陆的一家弹幕视频网站,在中国二次元用户中颇受欢迎. 哔哩哔哩动画之前推出过采用 Andro ...
- Material Design学习之 Button(详细分析,传说中的水滴动画)
转载请注明出处:王亟亟的大牛之路 上一篇大致介绍了Material Design的一些基本概念传送门:http://blog.csdn.net/ddwhan0123/article/details/5 ...
- 初步了解React Native的新组件库firstBorn
first-born is a React Native UI Component Framework, which follows the design methodology Atomic Des ...
- Android开源项目分类汇总-转载
太长了,还是转载吧... 今天在看博客的时候,无意中发现了@Trinea在GitHub上的一个项目Android开源项目分类汇总,由于类容太多了,我没有一个个完整地看完,但是里面介绍的开源项目都非常有 ...
- android6.0进入Material Design时代
Material Design 官方Material Design详细介绍文档:http://www.google.com/design/spec/material-design/introducti ...
最新文章
- 我把SpringBoot项目从18.18M瘦身到0.18M,部署起来真省事!
- 前端必备,JavaScript面试问题及答案
- 在Apache Tomcat 7设置redis作为session store
- Time(sdutoj2272)_JAVA
- 一步一步学Ruby(十一):控制语句
- Unreal Engine 4 —— 冷却UI的制作
- SAP Spartacus 升级时关于 schematics 的更新
- WPF 实现一个酷酷的Loading
- 中车四方时速600公里高速磁浮试验样车试跑成功
- linux学习杂记_socket编程(含select)
- 28、Windows API Shell任务栏通知区域(Tray)图标
- php split to array,Split php varibale with JS into array
- Pythonamp;R爬取分析赶集网北京二手房数据(附详细代码)
- CMake is re-running because generate.stamp.list is missing.
- 微信小程序顶部tab切换
- Ant Design Vue中日期选择器中绑定后台获取的时间
- bootstrap怎么强制不换行_Bootstrap方法的软件实现
- html+css的音乐网站
- 计算机存储单位的换算关系
- 深度学习部署(十八): CUDA RunTime API _wa_仿射变换的实现
热门文章
- 【Java】什么是多态?多态的实现机制是什么?
- 01-06 Linux常用命令-统计
- mysql优化了解_了解MySQL如何优化
- 获取表情字符串的html,js:如何截取含有表情的字符串
- 记者“卧底”程序猿的故事
- 什么是HTML5前端开发?HTML5前端要学哪些技术?
- 【C语言】在线OJ题 BC72-BC87-牛客网编程初学者入门训练
- linux不执行unittest框架,Unittest加载执行用例的方法总结
- python安装方法_【Python教程】Windows10 安装Python
- 在计算机系统中使用加载器,在个人计算机系统中从软盘加载基本输入/输出系统的设备和方法...