Установить цвет значка FAB

ОБНОВЛЕНИЕ 2

Если вы используете com.google.android.material.floatingactionbutton.FloatingActionButton, используйте app:tint:

app:tint="@android:color/white"

ОБНОВЛЕНИЕ

Обратитесь к ответу @Saleem Khan, который является стандартным способом установить оттенок, используя:

android:tint="@android:color/white"

через XML на FAB.

СТАРЫЙ (июнь 2015 г.)

Этот ответ был написан до октября 2015 года, когда android:tint на FAB поддерживался только с API ›= 21.

Вы можете изменить его программно с помощью ColorFilter.

//get the drawable
Drawable myFabSrc = getResources().getDrawable(android.R.drawable.ic_input_add);
//copy it in a new one
Drawable willBeWhite = myFabSrc.getConstantState().newDrawable();
//set the color filter, you can use also Mode.SRC_ATOP
willBeWhite.mutate().setColorFilter(Color.WHITE, PorterDuff.Mode.MULTIPLY);
//set it to your fab button initialized before
myFabName.setImageDrawable(willBeWhite);

Используя свойство android: tint, вы можете установить такой цвет

<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:tint="@android:color/white"
    android:src="@android:drawable/ic_input_add"
   />

Если вы используете Material Components

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:layout_gravity="bottom|end"
    app:fabSize="normal"
    app:tint="@color/colorAccent"
    app:srcCompat="@drawable/ic_google"/>

Если вы хотите использовать цвет значка по умолчанию, измените app:tint="@null"

Вы должны изменить app:tint, чтобы это работало. android:tint не сделал для меня никаких изменений.

Это проще, чем получить чертежи, вам нужно только получить доступ к цветному фильтру и установить для него нужный цвет.

FloatingActionButton myFab = (FloatingActionButton) findViewById(R.id.myfabid);

myFab.setColorFilter(Color.WHITE);

Поскольку FloatingActionButton расширяет ImageView, мы можем использовать ImageViewCompat для тонирования значка:

ImageViewCompat.setImageTintList(
    floatingActionButton,
    ColorStateList.valueOf(Color.WHITE)
);

Используйте белую версию ic_add с сайта дизайна Google.

android:tint выглядит чистым решением, но не поддерживается ниже уровня API 21

Использование растрового изображения делает ваше приложение менее сложным, чем попытка изменить цвет существующего значка программным способом. Меньше сложности - меньше вещей для тестирования :)

Если вы используете материал FAB, используйте app: tint для изменения цвета значка вместо android: tint.

Если вы хотите изменить цвет значка в CollapsingToolbarLayout, используйте следующий код

app:tint="@color/white"

Используйте приложение вместо Android

Попробуйте этот код

    <com.google.android.material.floatingactionbutton.FloatingActionButton
       android:id="@+id/fab"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="bottom|end"
       android:backgroundTint="@color/sm_blue"
       app:tint="@color/white"
       android:layout_margin="@dimen/fab_margin"
       app:srcCompat="@android:drawable/ic_input_add" />

Результат

Если вы используете материал FAB, вы можете стилизовать его программно, используя приведенный ниже код в Kotlin.

fab.supportImageTintList = ContextCompat.getColorStateList(context, R.color.fab_icon_tint)

 <com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/add_loan"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/medium"
    android:layout_marginBottom="16dp"
    android:backgroundTint="@color/ci_blue"
    android:theme="@style/fabtheme"
    app:srcCompat="@drawable/ic_baseline_add_24"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1"
    app:layout_constraintStart_toStartOf="parent"
    app:rippleColor="@color/white" />

тема

<style name="fabtheme" parent="Widget.Design.FloatingActionButton">
    <item name="colorOnSecondary">@color/white</item>
</style>

or

использовать атрибут

приложение: оттенок = @ цвет / белый

Вы можете сделать свой собственный стиль:

<style name="FloatingButton" parent="Widget.MaterialComponents.FloatingActionButton">
        <item name="colorSecondary">@color/red</item>
        <item name="colorOnSecondary">@color/white</item>
</style>

Где colorSecondary - это фон, а colorOnSecondary - это цвет кнопки, которую можно рисовать.

<com.google.android.material.floatingactionbutton.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_phone"
            android:theme="@style/FloatingButton" />

Если вы используете com.google.android.material.floatingactionbutton.FloatingActionButton

потом

1. Чтобы изменить цвет фона плавающей кнопки действия, используйте app:backgroundTint

2. Чтобы изменить цвет значка плавающей кнопки действия, используйте app:tint

3. Чтобы изменить Рисование значка кнопки с плавающим действием, используйте app:srcCompat

    <com.google.android.material.floatingactionbutton.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:backgroundTint="@color/white"
    app:srcCompat="@drawable/fb_icon"
    app:tint="@android:color/black" />
   

Мое решение для программного изменения цвета значка FAB: это решение работает для уровня API 21 выше

val fab = FloatingActionButton(requireContext())
 fab.apply {
   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        imageTintList = ColorStateList.valueOf(Color.WHITE)
 }