Material风格的悬浮按钮

小咪咪 2022-07-12 03:17 127阅读 0赞

Material风格的悬浮按钮

\#简介

在material 风格的设计中,一个悬浮按钮代表了它的最初动作。  
它们是悬浮在UI界面上的一个圆形按钮，并且有一些动作，包括变形，发射，位移等  
![这里写图片描述][SouthEast]

在build.gradle file 文件的dependencies加入如下的依赖：

compile ‘com.android.support:design:25.1.0’

layout布局文件：

<android.support.design.widget.FloatingActionButton
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_margin="16dp"
          android:src="@drawable/some_icon"/>

\#属性介绍

src属性来标注悬浮按钮的图片。

悬浮按钮的颜色默认是主题的颜色，为了让悬浮按钮更好的显示，需要设置边距，推荐尺寸，对于手机是16dp，对于平板是24dp。

下面的一些属性可以让你更好的订制悬浮按钮(假如 xmlns:app="[http://schemas.android.com/apk/res-auto][http_schemas.android.com_apk_res-auto] 已经在布局中设置了):

app:fabSize: 设置normal 或者mini 来切换尺寸。  
app:rippleColor: 设置悬浮按钮的ripple颜色效果，可以是资源或者数值的方式。  
app:elevation: 可以是字符串，整数，布尔，颜色数值，浮点型，尺寸数据。

[SouthEast]: /images/20220711/8bfdaf069b244f878bcb2015ee56e0c2.png
[http_schemas.android.com_apk_res-auto]: http://schemas.android.com/apk/res-auto

发表评论取消回复

表情：

评论列表（有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

相关 android miui悬浮按钮,MIUI10悬浮球

MIUI10悬浮球app是一款系统增强方面的手机软件，它可以为用户的手机添加一个MIUI 10风格的“边缘滑动返回”流畅的手势，还可以滑动并按住”以切换到最近使用应用程序。还有

清疚/ 2022年10月18日 11:19/ 0 赞/ 177 阅读

相关 android 扇形悬浮按钮,android 利用FloatActionButton悬浮按钮实现扇形折叠与隐藏

android 利用FloatActionButton悬浮按钮实现扇形折叠与隐藏首先请看效果图： ![6f504dec95e5ddda35ff0c216053aaf1.p

拼搏现实的明天。/ 2022年10月17日 11:22/ 0 赞/ 246 阅读

相关打造极致Material Design动画风格Button

======================================================== 作者：qiujuer 博客：[blog.csdn.ne

忘是亡心i/ 2022年08月06日 08:18/ 0 赞/ 179 阅读

相关 Material Design风格登录注册

本文实现了以下功能完整的代码和样例托管在Github 当接口锁定时，防止后退按钮显示在登录Activity 上。自定义 ProgressDialog

太过爱你忘了你带给我的痛/ 2022年07月24日 09:10/ 0 赞/ 154 阅读

相关 Material风格的悬浮按钮

Material风格的悬浮按钮 \简介在material 风格的设计中,一个悬浮按钮代表了它的最初动作。它们是悬浮在UI界面上的一个圆形按钮，并且有一些动作，包括变

小咪咪/ 2022年07月12日 03:17/ 0 赞/ 128 阅读

相关 Material风格的悬浮按钮

Material风格的悬浮按钮 \简介在material 风格的设计中,一个悬浮按钮代表了它的最初动作。它们是悬浮在UI界面上的一个圆形按钮，并且有一些动作，包括变

柔光的暖阳◎/ 2022年07月12日 03:17/ 0 赞/ 151 阅读

相关实现Material Design风格的Button

实现Material Design风格的Button \简介 The AppCompat Support Library 定义了几个很有用的style,这些Style是基

Dear 丶/ 2022年07月12日 03:08/ 0 赞/ 166 阅读

相关 Material Design实战之悬浮按钮和可交互提示

[Material Design实战之ToolBar][Material Design_ToolBar] [Material Design实战之滑动菜单][Material

系统管理员/ 2022年05月24日 06:48/ 0 赞/ 93 阅读

相关 Angular 的 Material Design 风格框架 Angular Material

Angular Material 详细介绍 Material Design for Angular 是 Angular 官方团队开发的基于最新版本 Angular 的 Mat

朴灿烈づ我的快乐病毒、/ 2022年05月19日 00:20/ 0 赞/ 198 阅读

相关 Android悬浮菜单按钮FloatingActionButton实现

今天给大家讲解的是如何打造悬浮式按钮程序截图 ![70][] 点击+号展开（这个按钮我全用白色代替的） ![70 1][] 获取点击状态

绝地灬酷狼/ 2021年09月16日 07:04/ 0 赞/ 1051 阅读