Android——FloatingActionButton使用说明以和避坑
1、简介
1.1、 com.android.support库下
compile 'com.android.support:design:26.0.0'
1.2、material库下
com.谷歌.android.material.floatingactionbutton.FloatingActionButton 库下
implementation 'com.谷歌.android.material:material:1.1.0'
官方地址: FloatingActionButton | Android Developers
1.3、 哪些操作推荐使用FloatingActionButton
如: 添加,收藏,编辑,分享,导航等,如下图:
2、属性介绍
XML 属性 |
||
---|---|---|
android:src | 中心显示的图标 | |
app:layout_anchor | 设置FAB的锚点,即以哪个控件为参照设置位置 | |
app:layout_anchorGravity | FAB相对于锚点的位置 | |
app:backgroundTint | FAB按钮边框颜色 | |
app:borderWidth | FAB按钮边框大小 | |
android:backgroundTint | 是里面背景颜色 | |
android:tint | 是里面图标背景 | |
FloatingActionButton_elevation | app:elevation | 阴影的高度 |
FloatingActionButton_ensureMinTouchTargetSize | ||
FloatingActionButton_fabCustomSize | ||
FloatingActionButton_fabSize | app:fabSize | 按钮大小,normal (56dp) mini(40dp) |
FloatingActionButton_hideMotionSpec | ||
FloatingActionButton_hoveredFocusedTranslationZ | ||
FloatingActionButton_maxImageSize | ||
FloatingActionButton_pressedTranslationZ | app:pressedTranslationZ | 点击按钮时,按钮边缘阴影的宽度,通常设置比elevation的数值大! |
FloatingActionButton_rippleColor | app:rippleColor | 按压水波纹颜色 |
FloatingActionButton_showMotionSpec | ||
FloatingActionButton_useCompatPadding |
3、使用例子
4、闭坑问题
4.1、 图标颜色无法改变
4.1.1、 复现场景
xml中引入图标后,默认是黑色或其他颜色,无法修改自己想要的颜色。
比如我们期望 白色的 中心图标,但是常常是 黑色或者其他颜色的中心图标
4.1.2、 其中一种方式colorOnSecondary
网上博客大多数说的是 theme中 colorOnSecondary的颜色决定了图标的颜色。
这位楼主直接让大家不要用某类主题,哈哈,这是头痛医脚
FloatingActionButton图标颜色无法修改 - 简书
上面的方法也不是万能,主要原因还是取决于 你是用的什么theme,并非所有主题都是通过 colorOnSecondary的颜色决定的。
4.1.3、 另一种方式android:tint
直接设置该属性,效果立竿见影
android:tint="@color/red_btn_bg_color" 是里面图片背景
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgcbike
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13