如何将 FAB 添加到布局中

要使用 FloatingActionButton,只需在 build.gradle 文件中添加依赖项,如备注部分所述。

然后添加到布局:

 <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/my_icon" />

一个例子:

StackOverflow 文档

颜色

此视图的背景颜色默认为主题的 colorAccent。

在上图中,如果 src 仅指向+图标(默认为 24x24 dp),要获得整圆的背景颜色,可以使用 app:backgroundTint="@color/your_colour"

如果你想更改可以使用的代码颜色,

myFab.setBackgroundTintList(ColorStateList.valueOf(your color in int));

如果要在按下状态下更改 FAB 的颜色

mFab.setRippleColor(your color in int);

定位

建议在移动设备上最小 16dp,在平板电脑/台式机上最小 24dp。

注意 :设置 src 除了覆盖 FloatingActionButton 的整个区域之外,请确保你拥有该图像的正确大小以获得最佳效果。

默认圆圈大小为 56 x 56dp

StackOverflow 文档

迷你圆圈尺寸:40 x 40dp

如果你只想更改内部图标,请使用 24 x 24dp 图标作为默认大小