浮动动作按钮的最佳图像大小是多少

Question

我在我的应用程序中包含了一个FAB但是当我尝试设置src图像时，它变得比预期的要小。什么是最佳图像尺寸？

Answer 1

根据Material Design Guidelines 24 x 24dp：

Answer 2

tl; dr ：如果您使用FloatingActionButton控件，则最佳尺寸 32x32 - 这就是Android Studio使用的。

Marcin is correct当他指出UI规范时：

  

根据材料设计指南24 x 24dp

这定义了一旦框架在FAB控件中呈现图标，图标应显示在屏幕上的大小。

但与在您的应用中使用的尺寸图标不同，因为该框架会为您进行一些缩放。

基本活动的Android Studio示例代码创建了一个布局，其中的FAB定义如下：

<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"
    app:srcCompat="@android:drawable/ic_dialog_email"/>

查看我安装的SDK25中的ic_dialog_email为我提供了mdpi密度的以下32x32图像：

因此 32x32是您应用中使用的最佳图片尺寸。框架将适当缩放以显示24x24。

Answer 3

在浮动actiob按钮xml中使用此xml代码定义：

app:fabSize="normal|mini"

Answer 4

当根据材料设计指南线没有应用适当的填充或只有一个图像/图标供使用时，会发生这种类型的问题。尝试将图标放在特定的文件夹即（hdpi，mdpi，xhdpi ...）。然后android系统自动pic图标按照设备密度像素。  如果您以适当的方式完成所有操作，请尝试使用app:fabsize="";属性