博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Andrid Floating Action Button
阅读量:5889 次
发布时间:2019-06-19

本文共 1450 字,大约阅读时间需要 4 分钟。

hot3.png

 

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

3. 添加事件

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

更多

转自

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

  • 默认 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

0dp
0dp

values-v21/dimens.xml

16dp
16dp

在设置 FAB 属性的时候:

Android 5.0 中还存在阴影问题

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

 

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

你可能感兴趣的文章
python 重载方法有哪些特点 - 老王python - 博客园
查看>>
在Fedora8上安装MySQL5.0.45的过程
查看>>
TCP长连接与短连接的区别
查看>>
设计模式之命令模式
查看>>
android 测试 mondey
查看>>
Spring AOP项目应用——方法入参校验 & 日志横切
查看>>
TestNG 六 测试结果
查看>>
用Fiddler或Charles进行mock数据搭建测试环境
查看>>
使用REST-Assured对API接口进行自动化测试
查看>>
GitHub发布史上最大更新,年度报告出炉!
查看>>
王潮歌跨界指导HUAWEI P20系列发布会 颠覆传统 眼界大开!
查看>>
王高飞:微博已收购一直播 明年一季度重点是功能与流量打通
查看>>
趣头条发行区间7至9美元 预计9月14日美国上市
查看>>
新北市长侯友宜:两岸交流应从隔壁最亲近的人开始
查看>>
全面屏的Nokia X即将上线,不到2000元的信仰你要充值吗?
查看>>
多么痛的领悟,只有程序员才知道的12个人艰不拆的真相
查看>>
10个JavaScript难点
查看>>
js 计算两个时间的时间差
查看>>
Xcode9 自动签名更新设备列表
查看>>
React ref 指北教程
查看>>