如何将支持库snackbar文本颜色设置为android：textColor以外的其他东西？

时间：2015-06-25 21:55:51

标签： android android-support-library android-design-library snackbar

所以我开始在设计支持库中使用新的Snackbar，但我发现当你在主题中定义“android：textColor”时，它会应用于快餐栏的文本颜色。如果您的主要文字颜色很暗，这显然是个问题。

enter image description here

有没有人知道解决这个问题的方法，或者就如何为我的文字着色提出建议？

2017年1月编辑:(回复后）

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

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

但是，要将主题应用于Snackbar，请从第三方材料文档中引用此质量指南：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布局，请参阅上面的链接。如果此方法感觉过于苛刻并且您希望通过可能的支持库更新获得自定义Snackbar的可靠方法，请执行此操作）。

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

22 个答案:

答案 0 :(得分：139)

我在What are the new features of Android Design Support Library and how to use its Snackbar?

找到了这个

这对我来说更改了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();

答案 1 :(得分：37)

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

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

答案 2 :(得分：14)

好吧，所以我通过基本上重新整理文字颜色的方式来修复它。

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

我更新了所有文字视图和按钮以获得android:textColor="?android:attr/textColorPrimary".

因为小吃栏来自textColor，我只是将我的所有其他文字都设为textColorPrimary。

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

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

答案 3 :(得分：13)

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

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

    return this
}

像您期望的那样使用：

  

Snackbar.make（视图，   R.string.your_string，Snackbar.LENGTH_LONG）.setTextColor（Color.WHITE）.show（）

答案 4 :(得分：13)

在android.support.design.R.id.snackbar_text上进行攻击是非常脆弱的，更好或更少的黑客方法是：

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

答案 5 :(得分：9)

一种方法是使用跨度：

view.setBackgroundColor(Color.parseColor(hexColor));

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

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

答案 6 :(得分：8)

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

答案 7 :(得分：6)

我看到的唯一方法是使用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();

答案 8 :(得分：5)

如果要将代码迁移到AndroidX，则TextView属性现在为：

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

答案 9 :(得分：2)

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

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

答案 10 :(得分：2)

当前（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>

如果由于某种原因在结尾使用.Bridge作为主题，则这两种样式均未定义。因此Snackar将使用一些没有这些样式的旧版式。

我在源代码中发现必须同时定义snackbarButtonStyle和snackbarTextViewStyle，否则将不使用它。

答案 11 :(得分：2)

如果您决定使用在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)

答案 12 :(得分：2)

我改变了主题

Theme.AppCompat.Light.NoActionBar

到

Theme.AppCompat.NoActionBar

它工作。尝试使用简单的主题而不是光或其他主题。

答案 13 :(得分：1)

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

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

外观如下：

yellow snackbar with black text

答案 14 :(得分：1)

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

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

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

答案 15 :(得分：0)

如果您位于科特林，则可以创建扩展程序：

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

答案 16 :(得分：0)

我有一个简单的代码，有助于获取Snackbar文本视图的实例，之后您可以调用适用于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));

答案 17 :(得分：0)

按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

答案 18 :(得分：0)

根据新的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()
        }
    }

答案 19 :(得分：0)

这是我使用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()
        }
    }

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

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

答案 20 :(得分：0)

使用材料组件库中包含的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();

enter image description here

答案 21 :(得分：-1)

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

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

用这个：

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

这是我的班级：

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

}

相关问题
最新问题