Стиль SnackBar в тематическом приложении

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

<style name="AppTheme" parent="Theme.MaterialComponents.*">
    <!-- Style to use for Snackbars in this theme. -->
    <item name="snackbarStyle">@style/Widget.MaterialComponents.Snackbar</item>
    <!-- Style to use for action button within a Snackbar in this theme. -->
    <item name="snackbarButtonStyle">@style/Widget.MaterialComponents.Button.TextButton.Snackbar</item>
    <!-- Style to use for message text within a Snackbar in this theme. -->
    <item name="snackbarTextViewStyle">@style/Widget.MaterialComponents.Snackbar.TextView</item>
    ....
</style>

Примечание:

• snackbarStyle и snackbarButtonStyle требуется версия 1.1.0
• snackbarTextViewStyle требуется версия 1.2.0.

Например:

  <style name="snackbar_style" parent="@style/Widget.MaterialComponents.Snackbar">
    <item name="android:layout_margin">32dp</item>
  </style>

  <style name="snackbar_button" parent="@style/Widget.MaterialComponents.Button.TextButton.Snackbar">
      <item name="backgroundTint">@color/secondaryLightColor</item>
      <item name="android:textColor">@color/primaryDarkColor</item>
  </style>

  <style name="snackbar_text" parent="@style/Widget.MaterialComponents.Snackbar.TextView">
    <item name="android:textColor">@color/secondaryLightColor</item>
  </style>

Это просто пример того, как изменить родительский стиль для кнопки действия. Вы можете использовать, например, стандартный Widget.MaterialComponents.Button:

  <style name="snackbar_button" parent="@style/Widget.MaterialComponents.Button">
      <item name="backgroundTint">@color/secondaryLightColor</item>
      <item name="android:textColor">@color/primaryDarkColor</item>
  </style>

Чтобы изменить цвет фона SnackBar, вы можете использовать:

<style name="snackbar_style" parent="@style/Widget.MaterialComponents.Snackbar">
    <!-- using backgroundTint the alpha layer is ignored -->
    <item name="backgroundTint">@color/....</item>
</style>

Или, если хотите:

   <style name="MySnackbar" parent="@style/Widget.MaterialComponents.Snackbar">
        <item name="materialThemeOverlay">@style/snackbar_overlay</item>
        <!-- If you want to avoid the alpha level for the color that is overlaid on top of the background color-->
        <item name="backgroundOverlayColorAlpha">1.0</item>
    </style>
    <style name="snackbar_overlay">
        <item name="colorOnSurface">....</item>
    </style>

вам нужно это: tools:override="true"

<resources xmlns:tools="http://schemas.android.com/tools">
    <style name="TextAppearance.Design.Snackbar.Message" parent="android:TextAppearance" tools:override="true">
        <item name="android:textColor">@color/text</item>
        <item name="android:textSize">50sp</item>
    </style>
</resources>

См. Эту ссылку для дополнительной информации:

// создаем экземпляр

Snackbar snackbar = Snackbar.make(view, text, duration);

// устанавливаем цвет кнопки действия

snackbar.setActionTextColor(getResources().getColor(R.color.indigo));

// получаем представление закусочной

View snackbarView = snackbar.getView();

// изменить цвет текста закусочной

int snackbarTextId = android.support.design.R.id.snackbar_text;
TextView textView = (TextView)snackbarView.findViewById(snackbarTextId);
textView.setTextColor(getResources().getColor(R.color.indigo));

// изменить фон закусочной

snackbarView.setBackgroundColor(Color.MAGENTA);

Благодаря shadowsheep я написал эти стили с помощью Material Components. Я также удалил поля. Вы можете скомпилировать его приложение для исследования Snackbar.

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <!-- Snackbar -->
    <item name="snackbarStyle">@style/MaterialSnackbarTheme</item>
    <item name="snackbarButtonStyle">@style/MaterialSnackbarTextButtonTheme</item>
    <item name="snackbarTextViewStyle">@style/MaterialSnackbarTextViewTheme</item>
</style>

<style name="MaterialSnackbarTheme" parent="@style/Widget.MaterialComponents.Snackbar">
    <!-- <item name="backgroundTint">#00cc77</item>-->
    <!-- <item name="android:background">@drawable/snackbar_background</item>-->
    <item name="android:background">#00cc77</item>
    <item name="cornerRadius">0dp</item>
    <item name="android:layout_margin">0dp</item>
    <item name="actionTextColorAlpha">1.0</item>
</style>

<style name="MaterialSnackbarTextButtonTheme" parent="@style/Widget.MaterialComponents.Button.TextButton.Snackbar">
    <item name="backgroundTint">#7777ff</item>
    <item name="android:textColor">#ffffff</item>
</style>

<style name="MaterialSnackbarTextViewTheme" parent="@style/Widget.MaterialComponents.Snackbar.TextView">
    <item name="android:textColor">#ffffff</item>
    <item name="android:alpha">1.0</item>
</style>

Где drawable / snackbar_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <solid android:color="#00cc77" />
</shape>

Не забудьте удалить из Snackbar.make(), если вы добавили:

view.setBackgroundColor(ContextCompat.getColor(context, R.color.bg_color))
setActionTextColor(ContextCompat.getColor(context, R.color.button_color))

В отличие от AlertDialog, Snackbar содержит настройки snackbarButtonStyle и snackbarTextViewStyle внутри AppTheme (что странно, потому что вчера они хорошо работали внутри MaterialSnackbarTheme).

Как сказал @StayCool в комментариях, Snackbar в настоящее время использует прозрачность для фона и цвета текста (альфа = 0,5 - 0,6). Также добавили закругленные углы и поля. Чтобы удалить прозрачность фона, используйте <item name="actionTextColorAlpha">1.0</item> или drawable / snackbar_background.xml. Вы можете увидеть его вариант.

Я покопался в источниках Snackbar и обнаружил, что фон Snackbar состоит из двух слоев: основы и наложения, цвета которых смешиваются.

Чтобы указать эти цвета, просто добавьте к своей теме 2 параметры:

colorSurface - цвет фона, по умолчанию = 0xFFFFFFFF

colorOnSurface - оверлей, по умолчанию = 0xFF000000

Таким образом, в случае по умолчанию с примененным по умолчанию значением альфа 0,8, мы получаем цвет 0xFF333333, который находится посередине между белым и черным.

Получайте удовольствие от смешивания и стилизации своей Snackbar :)