Android StudioでFloating Action Button（FAB）アイコンの色を変更する方法

2024-02-08 05:47 Android Studio FAB アイコン

Floating Action Buttonは、ユーザーが主要なアクションを実行するための目立つボタンとしてよく使用されます。デフォルトでは、FABのアイコンは通常白色ですが、デザインの要件に応じて色を変更することができます。

FABのアイコンの色を変更するには、次の方法があります。

方法1: XMLでアイコンの色を指定する まず、FABをレイアウトファイル（XML）で定義している場合、android:tint属性を使用してアイコンの色を指定することができます。以下は例です。

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_my_icon"
    android:tint="@color/my_color" />

上記の例では、android:src属性でFABのアイコンを指定し、android:tint属性で色を指定しています。@color/my_colorの部分を、使用したい色に合わせて変更してください。

方法2: コードでアイコンの色を変更する FABをコードで操作している場合、アイコンの色をプログラムで変更することもできます。以下は例です。

FloatingActionButton fab = findViewById(R.id.fab);
Drawable icon = fab.getDrawable();
icon.setTint(ContextCompat.getColor(this, R.color.my_color));
fab.setImageDrawable(icon);

上記の例では、まずfindViewByIdメソッドを使用してFABを取得し、getDrawableメソッドでアイコンのDrawableオブジェクトを取得しています。次に、setTintメソッドを使用して色を指定し、setImageDrawableメソッドで変更を適用しています。R.color.my_colorの部分を、使用したい色に合わせて変更してください。

以上が、Android StudioでFABのアイコンの色を変更する方法です。ご参考までに、異なる方法を複数提供しましたので、お好みの方法を選んで実装してみてください。