如何将支持库 snackbar 文本颜色设置为 android:textColor 以外的颜色？

Question

所以我开始使用设计支持库中的新 Snackbar，但我发现当您在主题中定义 "android:textColor" 时，它适用于 snackbar 的文本颜色。如果您的主要文本颜色是深色，这显然是个问题。

有没有人知道解决这个问题的方法或对我应该如何为文本着色提供建议？

编辑 2017 年 1 月：（Post-答案）

虽然有一些自定义解决方案可以解决以下问题，但提供正确的 Snackbars 主题方式可能会很好。

首先，您可能根本不应该在您的主题中定义 android:textColor（除非您真的知道主题的使用范围）。这基本上设置了连接到您的主题的每个视图的文本颜色。如果您想在视图中定义非默认的文本颜色，请使用 android:primaryTextColor 并在您的自定义视图中引用该属性。

但是，要将主题应用到 Snackbar，请参考来自第三方 material 文档的质量指南：http://www.materialdoc.com/snackbar/（遵循程序化主题实施，使其不依赖于xml 风格)

供参考：

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

// set action button color
snackbar.setActionTextColor(getResources().getColor(R.color.indigo));

// get snackbar view
View snackbarView = snackbar.getView();

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

// change snackbar background
snackbarView.setBackgroundColor(Color.MAGENTA);

（您也可以创建自己的自定义 Snackbar 布局，请参阅上面的 link。如果此方法感觉太老套，并且您想要一种可靠的方式来拥有自定义 Snackbar，请这样做最后通过可能的支持库更新）。

或者，请参阅下面的答案以获取类似且可能更快的答案来解决您的问题。

Answer 1

我看到的唯一方法是使用 getView() 并循环遍历其子项。我不知道它是否会起作用，而且它看起来很糟糕。我希望他们能尽快添加一些关于此问题的 API。

Snackbar snack = Snackbar.make(...);
ViewGroup group = (ViewGroup) snack.getView();
for (int i = 0; i < group.getChildCount(); i++) {
    View v = group.getChildAt(i);
    if (v instanceof TextView) {
        TextView t = (TextView) v;
        t.setTextColor(...)
    }
}
snack.show();

Answer 2

好的，所以我基本上通过重新组织文本颜色的方式来修复它。

在我的浅色主题中，我将 android:textColorPrimary 设置为我想要的 normal dark text，并将 android:textColor 设置为 white。

我更新了我所有的文本视图和按钮以具有 android:textColor="?android:attr/textColorPrimary".

所以因为 snackbar 从 textColor 绘制，我只是将所有其他文本设置为 textColorPrimary。

编辑 2017 年 1 月：------------------------------------ --------------

所以正如评论所说，正如上面编辑过的原始问题中所述，你可能不应该在你的主题中定义 android:textColor，因为这会改变主题内每个视图的文本颜色。

Answer 3

我在

找到了这个

这对我更改 Snackbar 中的文本颜色很有用。

Snackbar snack = Snackbar.make(view, R.string.message, Snackbar.LENGTH_LONG);
View view = snack.getView();
TextView tv = (TextView) view.findViewById(android.support.design.R.id.snackbar_text);
tv.setTextColor(Color.WHITE);
snack.show();

更新：ANDROIDX： 正如 dblackker 在评论中指出的那样，使用新的 AndroidX 支持库，查找 Snackbar TextView 的 ID 的代码更改为：

TextView tv = view.findViewById(com.google.android.material.R.id.snackbar_text);
tv.setTextColor(ContextCompat.getColor(requireContext(), R.color.someColor))

Answer 4

我换了主题

Theme.AppCompat.Light.NoActionBar

到

Theme.AppCompat.NoActionBar

它worked.Try使用简单的主题而不是光或其他主题。

Answer 5

一种方法是使用跨度：

final ForegroundColorSpan whiteSpan = new ForegroundColorSpan(ContextCompat.getColor(this, android.R.color.white));
SpannableStringBuilder snackbarText = new SpannableStringBuilder("Hello, I'm white!");
snackbarText.setSpan(whiteSpan, 0, snackbarText.length(), Spanned.SPAN_INCLUSIVE_INCLUSIVE);

Snackbar.make(view, snackbarText, Snackbar.LENGTH_LONG)
                .show();

借助 span，您还可以在一个 Snackbar 中添加多种颜色和样式。这是一个很好的指南：

https://androidbycode.wordpress.com/2015/06/06/material-design-snackbar-using-the-design-support-library/

Answer 6

您可以使用这个库：https://github.com/SandroMachado/restaurant

new Restaurant(MainActivity.this, "Snackbar with custom text color", Snackbar.LENGTH_LONG)
    .setTextColor(Color.GREEN)
    .show();

免责声明：我制作了图书馆。

Answer 7

这是我在需要自定义颜色时使用的

    @NonNull
    public static Snackbar makeSnackbar(@NonNull View layout, @NonNull CharSequence  text, int duration, int backgroundColor, int textColor/*, int actionTextColor*/){
        Snackbar snackBarView = Snackbar.make(layout, text, duration);
        snackBarView.getView().setBackgroundColor(backgroundColor);
        //snackBarView.setActionTextColor(actionTextColor);
        TextView tv = (TextView) snackBarView.getView().findViewById(android.support.design.R.id.snackbar_text);
        tv.setTextColor(textColor);
        return snackBarView;
    }

消费为：

CustomView.makeSnackbar(view, "Hello", Snackbar.LENGTH_LONG, Color.YELLOW,Color.CYAN).setAction("DO IT", myAction).show();

Answer 8

我也注意到了同样的问题。感谢这里的答案，我创建了一个小的 class，它可以帮助更轻松地解决这个问题，只需替换这个：

Snackbar.make(view, "Error", Snackbar.LENGTH_LONG).show();

有了这个：

Snackbar2.make(view, "Error", Snackbar.LENGTH_LONG).show();

这是我的 class:

public class Snackbar2 {
static public Snackbar make(View view, int resid, int duration){
    Snackbar result = Snackbar.make(view, resid, duration);
    process(result);
    return result;
}
static public Snackbar make(View view, String text, int duration){
    Snackbar result = Snackbar.make(view, text, duration);
    process(result);
    return result;
}
static private void process(Snackbar snackbar){
    try {
        View view1= snackbar.getView();

        TextView tv = (TextView) view1.findViewById(android.support.design.R.id.snackbar_text);
        tv.setTextColor(Color.WHITE);

    }catch (Exception ex)
    {
        //inform about error
        ex.printStackTrace();
    }
}

}

Answer 9

对 android.support.design.R.id.snackbar_text 的黑客攻击是脆弱的，一个更好或更少的 hacky 方法是：

String snackText = getResources().getString(YOUR_RESOURCE_ID);
SpannableStringBuilder ssb = new SpannableStringBuilder()
    .append(snackText);
ssb.setSpan(
    new ForegroundColorSpan(Color.WHITE),
    0,
    snackText.length(),
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
Snackbar.make(
        getView(),
        ssb,
        Snackbar.LENGTH_SHORT)
        .show();

Answer 10

我知道这已经得到解答，但我发现最简单的方法是直接在 make 中使用 Html.fromHtml 方法和 font 标签

Snackbar.make(view, 
       Html.fromHtml("<font color=\"#ffffff\">Tap to open</font>").show()

Answer 11

我有一个简单的代码可以帮助获取 Snackbar 的 textview 的实例，之后您可以调用适用于 textview 的所有方法。

Snackbar snackbar = Snackbar.make( ... )    // Create Snack bar


snackbar.setActionTextColor(getResources().getColor(R.color.white));  //if you directly want to apply the color to Action Text

TextView snackbarActionTextView = (TextView) snackbar.getView().findViewById( android.support.design.R.id.snackbar_action );

snackbarActionTextView.setTextColor(Color.RED);  //This is another way of doing it

snackbarActionTextView.setTypeface(snackbarActionTextView.getTypeface(), Typeface.BOLD);

//Below Code is to modify the Text in Snack bar
TextView snackbarTextView = (TextView) snackbar.getView().findViewById(android.support.design.R.id.snackbar_text);
snackbarTextView.setTextSize( 16 );
snackbarTextView.setTextColor(getResources().getColor(R.color.white));

Answer 12

创建了我在我的项目中使用的这个 kotlin 扩展函数：

fun Snackbar.setTextColor(color: Int): Snackbar {
    val tv = view.findViewById(com.google.android.material.R.id.snackbar_text) as TextView
    tv.setTextColor(color)

    return this
}

如您所料的用法：

Snackbar.make(view, R.string.your_string,Snackbar.LENGTH_LONG).setTextColor(Color.WHITE).show()

Answer 13

为了节省您宝贵的开发时间，这里是我使用的静态方法：

public static void snack(View view, String message) {
    if (!TextUtils.isEmpty(message)) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_SHORT);
        snackbar.getView().setBackgroundColor(Color.YELLOW);
        TextView tv =  snackbar.getView().findViewById(android.support.design.R.id.snackbar_text); //snackbar_text
        tv.setTextColor(Color.BLACK);
        snackbar.show();
    }
}

这是它的样子：

Answer 14

如果你在 Kotlin，你可以创建一个扩展：

fun Snackbar.withTextColor(color: Int): Snackbar {
    val tv = this.view.findViewById(android.support.design.R.id.snackbar_text) as TextView
    tv.setTextColor(color)
    return this
}

用法 :

yourSnackBar.withTextColor(Color.WHITE).show()

Answer 15

如果您决定使用通过 id 在 Snackbar 中查找 TextView 的肮脏和 hacky 解决方案，并且您已经迁移到 androidx，那么这里是代码：

val textViewId = com.google.android.material.R.id.snackbar_text
val snackbar = Snackbar.make(view, "Text", Snackbar.LENGTH_SHORT)
val textView = snackbar.view.findViewById(textViewId) as TextView
textView.setTextColor(Color.WHITE)

Answer 16

如果您迁移到 androidX，请使用 com.google.android.material.R.id.snackbar_text 而不是 android.support.design.R.id.snackbar_text 用于更改小吃栏上文本的颜色。

Answer 17

如果您将代码迁移到 AndroidX，TextView 属性现在是：

com.google.android.material.R.id.snackbar_text

Answer 18

按 ID 查找对我不起作用，所以我找到了另一个解决方案：

Snackbar snackbar = Snackbar.make(view, text, duration);//just ordinary creation

ViewGroup snackbarView = (ViewGroup) snackbar.getView();
SnackbarContentLayout contentLayout = (SnackbarContentLayout) snackbarView.getChildAt(0);
TextView tvText = contentLayout.getMessageView();
tvText.setTextColor(/*your color here*/);

//set another colors, show, etc

Answer 19

根据新的 AndroidX Jitpack 组件

implementation 'com.google.android.material:material:1.0.0'

使用我创建的这个扩展程序

inline fun View.snack(message: String, length: Int = Snackbar.LENGTH_LONG,
 f: Snackbar.() -> Unit) {
val snack = Snackbar.make(this, message, length)
snack.f()
snack.show()
}

fun Snackbar.action(action: String, actionColor: Int? = null, textColor: Int? = null, listener: (View) -> Unit) {
setAction(action, listener)
actionColor?.let {
    setActionTextColor(it)
    }
textColor?.let {
    this.view.findViewById<TextView>(R.id.snackbar_text).setTextColor(it)
    }
}

这样使用

btn_login.snack(
        getString(R.string.fields_empty_login),
        ContextCompat.getColor(this@LoginActivity, R.color.whiteColor)
    ) {
        action(getString(R.string.text_ok), ContextCompat.getColor(this@LoginActivity, R.color.gray_300),ContextCompat.getColor(this@LoginActivity, R.color.yellow_400)) {
            this@snack.dismiss()
        }
    }

Answer 20

这是我在 androidx 中使用 kotlin

解决此类问题的解决方法

 fun showSnackBar(message: String) {
        mContent?.let {
            val snackbar = Snackbar.make(it, message, Snackbar.LENGTH_LONG)
            val snackbarView = snackbar.view
            val tv = snackbarView.findViewById<TextView>(R.id.snackbar_text)
            tv.setTextColor(Color.WHITE) //change the color of text
            tv.maxLines = 3 //specify the limit of text line
            snackbar.duration = BaseTransientBottomBar.LENGTH_SHORT //specify the duraction of text message
            snackbar.show()
        }
    }

您需要在 onViewCreated 方法中初始化 mContent，如下所示

var mContent: View? = null
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        mContent = view
    }

Answer 21

使用 Material 组件库 中包含的 Snackbar 并应用

setTextColor定义文字颜色
setActionTextColor 定义动作使用的文本颜色。您可以使用颜色或颜色选择器
setBackgroundTint定义Snackbar的背景颜色

类似于：

Snackbar snackbar = Snackbar.make(view, "My custom Snackbar", Snackbar.LENGTH_LONG);        
snackbar.setTextColor(ContextCompat.getColor(this,R.color.xxxxx));
snackbar.setActionTextColor(ContextCompat.getColor(this,R.color.my_selector));
snackbar.setBackgroundTint(ContextCompat.getColor(this,R.color.xxxx));
snackbar.show();

使用 Jetpack Compose 您可以自定义 SnackbarHost 定义自定义 Snackbar

    snackbarHost = {
        // reuse default SnackbarHost to have default animation and timing handling
        SnackbarHost(it) { data ->
            Snackbar(
                snackbarData = data,
                contentColor = Yellow,
                actionColor = Red.copy(alpha = 0.9f)
            )
        }
    }

那就用吧:

scope.launch {
    scaffoldState.snackbarHostState.showSnackbar(
        message = "Snackbar text  # ${++clickCount}",
        actionLabel = "Done")
}

Answer 22

目前（2020 年 1 月） com.google.android.material:material:1.2.0 可能还有 1.1.0

绝对是覆盖这些样式的最佳方式：

<item name="snackbarStyle">@style/Widget.MaterialComponents.Snackbar</item>
<item name="snackbarButtonStyle">@style/Widget.MaterialComponents.Button.TextButton.Snackbar</item>
<item name="snackbarTextViewStyle">@style/Widget.MaterialComponents.Snackbar.TextView</item>

如果您使用 material 主题并在末尾添加 .Bridge，出于某种原因，这两种样式都未定义。所以 Snackar 将使用一些没有这些样式的旧布局。

我在源码中发现，snackbarButtonStyle和snackbarTextViewStyle都必须定义，否则将无法使用。

如何将支持库 snackbar 文本颜色设置为 android:textColor 以外的颜色？

How to set support library snackbar text color to something other than android:textColor?

android

android-support-library

snackbar

android-design-library

android-snackbar