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

新的浮动动作按钮应该是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" />

ripple_oval.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\draw -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

当前回答

使用ExtendedFloatingActionButton，这解决了我的问题:

app:iconSize="<x>dp"

我尝试过iconPadding或fabCustomSize，但我似乎没有任何变化

2021-03-10 10:41:31

其他回答

<ImageButton
        android:background="@drawable/action_button_bg"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:padding="16dp"
        android:src="@drawable/ic_add_black_48dp"
        android:scaleType="fitXY"
        android:elevation="8dp"/>

在你提供的背景下，它会在我的设备上出现以下按钮(Nexus 7 2012)

我觉得不错。

2014-12-15 12:33:14

因为你的内容是24dp x 24dp，你应该使用24dp图标。然后在ImageButton中设置android:scaleType="center"以避免自动调整大小。

2014-12-15 12:41:53

您可以轻松设置您的FAB图标大小使用，

final FloatingActionButton按钮= new FloatingActionButton(context); button.setCustomSize (50);

2021-04-26 17:16:10

如果您正在使用androidx 1.0.0并且正在使用自定义fab大小，则必须使用

app:fabCustomSize="your custom size in dp"

尺寸是56dp，还有另一种变化是小型fab，它是40dp，如果你使用任何东西，你必须指定它，以便正确计算填充

2018-10-23 11:20:46

你可以使用FloatingActionButton的以下设置:android:scaleType和app:maxImageSize。对于我来说，我得到了一个理想的结果，如果android:scaleType=“centerInside”和app:maxImageSize=“56dp”。

2019-02-24 17:44:50

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

推荐文章

最新文章

标签