1. ホーム
  2. android

[解決済み】フローティングアクションボタンのアイコンサイズを調整する(fab)

2022-04-12 14:53:21

質問

新しいフローティングアクションボタンは 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

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

解決方法は?

コンテンツは24dp x 24dp なので、以下のようにします。 24dpアイコン . そして android:scaleType="center" をImageButtonの中に入れて、自動リサイズを回避しています。