FloatingActionButton的简单使用

简介: FloatingActionButton是Support Design Library库中引入的一个新的控件,外观时尚新颖,受到很多开发者的好评。如何使用FloatingActionButton使用FloatingActionButton其实非常简单只需要在布局文件中引入控件即可,不过它的属性有点多,我们先来介绍一下它的属性。

FloatingActionButton是Support Design Library库中引入的一个新的控件,外观时尚新颖,受到很多开发者的好评。

如何使用FloatingActionButton

使用FloatingActionButton其实非常简单只需要在布局文件中引入控件即可,不过它的属性有点多,我们先来介绍一下它的属性。

  • android:src:FAB中显示的图标.
  • app:backgroundTint:正常的背景颜色 ,这里是ColorStateList类型
  • app:rippleColor:按下时的背景颜色
  • app:elevation:正常的阴影大小
  • app:pressedTranslationZ:按下时的阴影大小
  • app:layout_anchor:设置FAB的锚点,即以哪个控件为参照设置位置
  • app:layout_anchorGravity:FAB相对于锚点的位置
  • app:fabSize:FAB的大小,normal或mini(分别对应56dp和40dp)
  • app:borderWidth:边框大小,最好设置成0dp否则会有边框
  • android:clickable:一定要设置成true否则没有点击效果

讲完属性接下来实现一下效果

xml布局文件
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_gravity="end|bottom"
        android:id="@+id/floatbutton"
        app:elevation="6dp"
        android:clickable="true"
        app:borderWidth="0dp"
        android:backgroundTint="@color/fabbg"
        app:rippleColor="#0097a7"
        android:layout_marginBottom="20dp"
        android:layout_marginRight="20dp"
        android:src="@drawable/ic_logo"
        app:pressedTranslationZ="12dp"
        android:layout_height="wrap_content" />

</FrameLayout>
color/fabbg.xml文件,这个需要在res目录下新建color文件夹
img_bce3b110232cde9ba343cb85ec71f2bf.png
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" android:color="#00b8d4"/>
    <item android:state_focused="true" android:color="#00e5ff"/>
</selector>
FloatingActionButton的点击事件与Button的实现方式一样,这里不予演示
运行效果
img_2685f33f1f556ffb4a7b26d3fd205eaf.gif
GIF.gif

个人博客:https://myml666.github.io

目录
相关文章
|
NoSQL MongoDB 数据库
MongoDB日志浅析
MongoDB 日志
7570 0
|
10月前
|
人工智能 定位技术 知识图谱
Geo专家于磊老师:Geo优化过程中必须关注的12个核心指标深度解读
本文深入解析生成式AI时代下的Geo优化新范式,提出以权威性、可信度和用户意图匹配为核心的12大指标体系。结合于磊老师“两大核心+四轮驱动”方法论,通过金融、医疗、教育等实战案例,展现如何重构内容价值,实现获客效率提升与品牌数字资产沉淀。
720 1
|
机器学习/深度学习 算法 安全
差分隐私机器学习:通过添加噪声让模型更安全,也更智能
本文探讨在敏感数据上应用差分隐私(DP)进行机器学习的挑战与实践。通过模拟DP-SGD算法,在模型训练中注入噪声以保护个人隐私。实验表明,该方法在保持71%准确率和0.79 AUC的同时,具备良好泛化能力,但也带来少数类预测精度下降的问题。研究强调差分隐私应作为模型设计的核心考量,而非事后补救,并提出在参数调优、扰动策略选择和隐私预算管理等方面的优化路径。
841 3
差分隐私机器学习:通过添加噪声让模型更安全,也更智能
|
6月前
|
Web App开发 数据挖掘 开发者
Python 数据分析前置:BeautifulSoup 爬取 NBA 数据源
Python 数据分析前置:BeautifulSoup 爬取 NBA 数据源
|
10月前
|
人工智能 决策智能
清华大学“Al+经管 零基础玩转大模型”AI Day举办成功丨云工开物
2025年11月13日,清华经管学院CDC联合阿里云举办“AI+经管”AI day,百余名学生参与。活动通过“讲座+实践”形式,聚焦大模型在经管领域的应用,涵盖金融智能体、多智能体协同、零代码数据看板等实战内容,助力学生掌握AI技能,推动AI与专业融合,提升数智时代竞争力。
|
11月前
|
人工智能 UED
【下载安装】Adobe XD 免费下载与安装教程
Adobe XD 2025是一款专业的UI/UX设计工具,支持矢量绘图、交互原型制作与响应式布局,兼容PS、AI及Jira、Slack等协作平台。内置动画、语音交互功能,提升设计效率。安装前需关闭杀毒软件,解压后以管理员身份运行安装程序即可。
7362 0
|
网络协议 测试技术 网络架构
网络性能测试工具iperf详细使用图文教程zz
http://blog.csdn.net/zm_21/article/details/25868589 Iperf的主要功能如下: TCP 测量网络带宽 报告MSS/MTU值的大小和观测值 支持TCP窗口值通过套接字缓冲 当P线程或Win32线程可用时,支持多线程。
4030 0
|
前端开发 API
【threejs教程】让你的场景动起来!深入了解threejs场景及坐标轴
【8月更文挑战第5天】让你的场景动起来!深入了解threejs场景及坐标轴
496 0
【threejs教程】让你的场景动起来!深入了解threejs场景及坐标轴
|
云栖大会 云计算 开发者
开发者眼中的云栖
这个时代中的每一位开发者都是构筑新生活的设计师,而云栖大会则是优秀设计师的年度答卷。今天,我们想要从开发者的视角去了解,他们眼中的云栖大会。
开发者眼中的云栖
|
关系型数据库 MySQL 数据库
MySQL数据库:Can not connect to MySQL server 解决方法
MySQL数据库:Can not connect to MySQL server 解决方法
1403 0
MySQL数据库:Can not connect to MySQL server 解决方法

热门文章

最新文章