小编典典

调整浮动操作按钮的图标大小(fab)

all

浮动按钮 新的浮动操作按钮应该是 56dp x 56dp 并且里面的图标应该是
24dp x 24dp 。所以图标和按钮之间的空间应该是 16dp

<ImageButton
    android:id="@+id/fab_add"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:layout_gravity="bottom|right"
    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:background="@drawable/ripple_oval"
    android:elevation="8dp"
    android:src="@drawable/ic_add_black_48dp" />

波纹椭圆形.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

这是我得到的结果:
浮动按钮结果
我使用了 \material-design-icons-1.0.0\content\drawable-
hdpi\ic_add_black_48dp.png

https://github.com/google/material-design-
icons/releases中的图标/tag/1.0.1

如何使按钮内 的图标大小与 指南中的描述 完全相同?

http://www.google.com/design/spec/components/buttons.html#buttons-floating-
action-
button


阅读 64

收藏
2022-06-27

共1个答案

小编典典

由于您的内容是 24dp x 24dp,您应该使用24dp icon。然后android:scaleType="center"在您的 ImageButton
中设置以避免自动调整大小。

2022-06-27