android - 主题应用程序中的样式 SnackBar

Question

我需要帮助。如何在样式应用程序中更改快餐栏中的文本设计？我对代码的更改不感兴趣。我找到了以下代码。但这对我不起作用。这是为什么？我的主题源自@style/Theme.AppCompat.Light.DarkActionBar”。我将非常感谢您的帮助。

<style name="TextAppearance.Design.Snackbar.Message" parent="android:TextAppearance">
        <item name="android:textSize">10sp</item>
        <item name="android:textColor">#FEFEFE</item>
    </style>
    <style name="TextAppearance.Design.Snackbar.Action" parent="android:TextAppearance">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">#FEFEFE</item>
    </style>

Answer 1

使用材料组件库，您可以全局更改应用程序主题中的快餐栏样式：

<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>

Answer 2

你需要这个：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>

Answer 3

有关更多信息，请参阅此链接：

// 创建实例

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);

Answer 4

感谢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目前使用透明度作为背景和文本颜色（alpha = 0.5 - 0.6）。他们还添加了圆角和边距。要删除背景透明度，请使用<item name="actionTextColorAlpha">1.0</item>或 drawable/snackbar_background.xml。你可以看到他的变种。

Answer 5

我深入研究了 Snackbar 的来源，发现 Snackbar 背景由 2 层组成：基础层和叠加层，它们的颜色是混合的。

为了指定这些颜色，只需添加到您的主题 2 参数：

colorSurface - 背景颜色，默认 = 0xFFFFFFFF

colorOnSurface - 覆盖，默认 = 0xFF000000

所以在默认情况下，默认应用 0.8 alpha，我们得到的颜色是 0xFF333333，它位于白色和黑色之间。

玩得开心混合和造型你的小吃吧:)