Android меняет цвет кнопки плавающего действия

Я пытался изменить цвет кнопки плавающего действия материала, но безуспешно.

<android.support.design.widget.FloatingActionButton
    android:id="@+id/profile_edit_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_mode_edit_white_24dp" />

Я попытался добавить:

android:background="@color/mycolor"

или через код:

FloatingActionButton fab = (FloatingActionButton) rootView.findViewById(R.id.profile_edit_fab);
fab.setBackgroundColor(Color.parseColor("#mycolor"));

или

fab.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#mycolor")));

Но ничего из вышеперечисленного не сработало. Я также попробовал решения в предложенном дублирующем вопросе, но ни один из них не работает; кнопка оставалась зеленой и также стала квадратной.

PS Было бы также неплохо узнать, как добавить волновой эффект, но и этого не мог понять.

Как описано в документации , по умолчанию он принимает цвет, заданный в атрибуте styles.xml colorAccent .

Цвет фона этого представления по умолчанию соответствует цвету акцента вашей темы. Если вы хотите изменить это во время выполнения, вы можете сделать это через setBackgroundTintList (ColorStateList).

Если вы хотите изменить цвет

• в XML с атрибутом приложения: backgroundTint

<android.support.design.widget.FloatingActionButton
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:elevation="6dp"
    app:fabSize="normal" >

• в коде с .setBackgroundTintList (ответ ниже ywwynm )

Как упоминалось в комментариях @Dantalian, если вы хотите изменить цвет значка для библиотеки поддержки проектирования до версии 22 (включительно) , вы можете использовать

android:tint="@color/white"     

Для библиотеки поддержки проектирования начиная с версии v23 вы можете использовать:

app:tint="@color/white"   

Также с androidXбиблиотеками вам нужно установить границу 0dp в макете xml:

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:elevation="6dp"
    app:fabSize="normal" />

Ответ Виджета Бадиганнавара правильный, но, ColorStateListкак правило, он сложный, и он не сказал нам, как это сделать. Поскольку мы часто фокусируемся на изменении Viewцвета в нормальном и нажатом состоянии, я собираюсь добавить больше деталей:

1. Если вы хотите изменить FABцвет в нормальном состоянии, вы можете просто написать

   mFab.setBackgroundTintList(ColorStateList.valueOf(your color in int));

2. Если вы хотите изменить FABцвет в нажатом состоянии, спасибо за Библиотеку поддержки дизайна 22.2.1 , вы можете просто написать

   mFab.setRippleColor(your color in int);

   При установке этого атрибута, когда вы долго нажимаете на кнопку FAB, пульсация с вашим цветом появится в точке касания и раскроется на всю поверхность FAB. Пожалуйста, обратите внимание, что это не изменит FABцвет в нормальном состоянии. Ниже API 21 (Lollipop) эффект ряби отсутствует, но FABего цвет все равно будет меняться при нажатии.

Наконец, если вы хотите реализовать более сложный эффект для состояний, то вам нужно углубиться в этот вопрос ColorStateList, вот такой вопрос, обсуждающий его: Как мне создать ColorStateList программно? ,

ОБНОВЛЕНИЕ: Спасибо за комментарий @ Кейтлин. Чтобы удалить обводку FAB, используя backgroundTint в качестве цвета, вы можете установить app:borderWidth="0dp"в xml.

Как отметил Василь Вальчев в комментарии, это проще, чем кажется, но есть небольшая разница, которую я не заметил в своем XML.

<android.support.design.widget.FloatingActionButton
    android:id="@+id/profile_edit_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_mode_edit_white_24dp"
    app:backgroundTint="@android:color/white"/>

Обратите внимание, что это:

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

и не

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

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

app:backgroundTint="@android:color/transparent"

и в коде установите цвет:

actionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.white)));

просто используйте,

app:backgroundTint="@color/colorPrimary"

не использовать,

android:backgroundTint="@color/colorPrimary"

FAB окрашен в зависимости от вашего colorAccent.

<style name="AppTheme" parent="Base.Theme.AppCompat.Light">
    <item name="colorAccent">@color/accent</item>
</style>

mFab.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(mContext,R.color.mColor)));

Другие решения могут работать. Это 10-фунтовый подход гориллы, который имеет преимущество широкого применения в этом и подобных случаях:

styles.xml:

<style name="AppTheme.FloatingAccentButtonOverlay" >
    <item name="colorAccent">@color/colorFloatingActionBarAccent</item>
</style>

Ваш макет XML:

<android.support.design.widget.FloatingActionButton
       android:theme="AppTheme.FloatingAccentButtonOverlay"
       ...
 </android.support.design.widget.FloatingActionButton>

Документ предполагает, что он принимает @ color / accent по умолчанию. Но мы можем переопределить его в коде, используя

fab.setBackgroundTintList(ColorStateList)

Также помните,

Минимальная версия API для использования этой библиотеки - 15, поэтому вам нужно обновить ее! если вы не хотите этого делать, вам нужно определить собственный рисунок и украсить его!

Изменение цвета фона кнопки «Плавающая» с помощью строки ниже

app:backgroundTint="@color/blue"

Изменение цвета значка кнопки «Плавающее действие»

android:tint="@color/white"     

Благодаря автозаполнению. Мне повезло после нескольких ударов и испытаний:

    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    card_view:backgroundTint="@color/whicheverColorYouLike"

- или - (оба в основном одно и то же)

    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:backgroundTint="@color/whicheverColorYouLike"

Это работало для меня на API версии 17 с библиотекой дизайна 23.1.0.

У меня та же проблема, и все это вырывает мои волосы. Спасибо за это https://stackoverflow.com/a/35697105/5228412

Что мы можем сделать..

 favourite_fab.setImageDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.favourite_selected));

это хорошо работает для меня и желаю другим, кто доберется сюда.

 <android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    app:elevation="6dp"
    app:backgroundTint="@color/colorAccent"
    app:pressedTranslationZ="12dp"
    android:layout_margin="@dimen/fab_margin"
    android:src="@drawable/add"/>

Обратите внимание, что вы добавляете цвета в файл res / values ​​/ color.xml и включаете атрибут в свой список.

   app:backgroundTint="@color/addedColor"

С Материальной Темой и материальными компонентами FloatingActionButton по умолчанию это берет цвет, установленный в styles.xmlатрибуте colorSecondary.

• Вы можете использовать app:backgroundTintатрибут в XML:

<com.google.android.material.floatingactionbutton.FloatingActionButton
       ...
       app:backgroundTint=".."
       app:srcCompat="@drawable/ic_plus_24"/>

• Ты можешь использовать fab.setBackgroundTintList();

• Вы можете настроить свой стиль, используя <item name="backgroundTint">атрибут

  <!--<item name="floatingActionButtonStyle">@style/Widget.MaterialComponents.FloatingActionButton</item> -->
  <style name="MyFloatingActionButton" parent="@style/Widget.MaterialComponents.FloatingActionButton">
    <item name="backgroundTint">#00f</item>
    <!-- color used by the icon -->
    <item name="tint">@color/...</item>
  </style>

• начиная с версии 1.1.0 компонентов материала вы можете использовать новый materialThemeOverlayатрибут, чтобы переопределить цвета по умолчанию только для некоторых компонентов:

  <style name="MyFloatingActionButton" parent="@style/Widget.MaterialComponents.FloatingActionButton">
    <item name="materialThemeOverlay">@style/MyFabOverlay</item>
  </style>

  <style name="MyFabOverlay">
    <item name="colorSecondary">@color/custom2</item>
    <!-- color used by the icon -->
    <item name="colorOnSecondary">@color/...</item>
  </style>

Новое отображение атрибутов темы для кнопки с плавающим действием в материале 1.1.0

В теме вашего приложения:

• Установите colorSecondary, чтобы установить цвет для фона FAB (отображается на backgroundTint)
• Установите colorOnSecondary, чтобы установить цвет значка / текста и цвет пульсации FAB (сопоставляется с tint и rippleColor)

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- ...whatever else you declare in your app theme.. -->
    <!-- Set colorSecondary to change background of FAB (backgroundTint) -->
    <item name="colorSecondary">@color/colorSecondary</item>
    <!-- Customize colorSecondary to change icon/text of FAB (maps to tint and rippleColor) -->
    <item name="colorOnSecondary">@android:color/white</item>
</style>

При использовании привязки данных вы можете сделать что-то вроде этого:

android:backgroundTint="@{item.selected ? @color/selected : @color/unselected}"

Я сделал очень простой пример

я сделал это следующим образом android: background = "@ color / colorAccent" я просто захожу в папку res, затем нажимаю на значения папки и затем на colors.xml в colors.xml я просто меняю цвет colorAccent и вызываю его в android: background и это сделано

Нам не хватает того, что перед тем, как установить цвет на кнопке, важно поработать над значением, которое вы хотите для этого цвета. Таким образом, вы можете перейти к значениям> цвет. Вы найдете цвета по умолчанию, но вы также можете создавать цвета, копируя и вставляя их, изменяя цвета и имена. Затем ... когда вы идете, чтобы изменить цвет плавающей кнопки (в Activity_main), вы можете выбрать тот, который вы создали

Пример - код на значения> цвета с цветами по умолчанию + еще 3 цвета, которые я создал:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <color name="corBotaoFoto">#f52411</color>
    <color name="corPar">#8e8f93</color>
    <color name="corImpar">#494848</color>

</resources>

Теперь моя кнопка с плавающим действием с цветом, который я создал и назвал «corPar»:

<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:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_input_add"
        android:tint="#ffffff"
        app:backgroundTint="@color/corPar"/>

Это сработало для меня. Удачи!

Если у вас есть кнопка с плавающим действием без рисования, вы можете изменить оттенок программно, используя:

fab.getBackground().mutate().setTint(ContextCompat.getColor(yourContext, R.color.anyColor));

добавить цвета в файл color.xml, а затем добавить эту строку кода ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Вы можете использовать этот код, если вы хотите изменить цвет программно

floating.setBackgroundTintList(getResources().getColorStateList(R.color.vermelho));

использование

app: backgroundTint = "@ color / orange" в

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/id_share_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/share"
        app:backgroundTint="@color/orange"
        app:fabSize="mini"
        app:layout_anchorGravity="end|bottom|center" />



</androidx.coordinatorlayout.widget.CoordinatorLayout>

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

 android:backgroundTint="@color/colorPrimaryDark"
 app:borderWidth="0dp"

в Котлине:

val gray = getColor(requireContext(), R.color.green)
binding.fabSubmit.backgroundTintList = ColorStateList.valueOf(gray)