Material風(fēng)格的懸浮按鈕

標(biāo)簽：

Java Android 產(chǎn)品

Material风格的悬浮按钮

简介

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

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

compile 'com.android.support:design:25.1.0'

layout布局文件：

<!-- Add this to your layout file -->
<android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="@drawable/some_icon"/>

属性介绍

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

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

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

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

點(diǎn)擊查看更多內(nèi)容