Làm cách nào để đặt màu văn bản của thanh snack trong thư viện hỗ trợ thành màu khác với android: textColor?

Vì vậy, tôi đã bắt đầu sử dụng Snackbar mới trong Thư viện hỗ trợ thiết kế, nhưng tôi thấy rằng khi bạn xác định "android: textColor" trong chủ đề của mình, nó sẽ áp dụng cho màu văn bản của thanh snack. Đây rõ ràng là một vấn đề nếu màu văn bản chính của bạn tối.

Có ai biết cách giải quyết vấn đề này hoặc có lời khuyên cho cách tôi nên tô màu văn bản của mình không?

CHỈNH SỬA tháng 1 năm 2017: (Trả lời sau)

Mặc dù có một số giải pháp tùy chỉnh để khắc phục sự cố bên dưới, nhưng có lẽ bạn nên cung cấp cách chính xác để tạo chủ đề Snackbars.

Thứ nhất, bạn có thể không nên xác định android:textColorchủ đề của mình (trừ khi bạn thực sự biết phạm vi của những gì đang sử dụng chủ đề). Điều này đặt màu văn bản về cơ bản của mọi chế độ xem kết nối với chủ đề của bạn. Nếu bạn muốn xác định màu văn bản trong các chế độ xem không phải là màu mặc định, thì hãy sử dụng android:primaryTextColorvà tham chiếu thuộc tính đó trong các chế độ xem tùy chỉnh của bạn.

Tuy nhiên, để áp dụng chủ đề Snackbar, vui lòng tham khảo hướng dẫn chất lượng này từ tài liệu tài liệu của bên thứ ba: http://www.materialdoc.com/snackbar/ (Thực hiện theo cách triển khai chủ đề có lập trình để không dựa vào kiểu xml)

Để tham khảo:

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

(Bạn cũng có thể tạo Snackbarbố cục tùy chỉnh của riêng mình , hãy xem liên kết ở trên. Làm như vậy nếu phương pháp này cảm thấy quá khó và bạn muốn một cách chắc chắn đáng tin cậy để có Snackbar tùy chỉnh của mình tồn tại thông qua các bản cập nhật thư viện hỗ trợ có thể có).

Và cách khác, hãy xem các câu trả lời bên dưới để biết các câu trả lời tương tự và có lẽ nhanh hơn để giải quyết vấn đề của bạn.

Tôi biết điều này đã được trả lời rồi nhưng cách dễ nhất mà tôi tìm thấy là trực tiếp sử dụng Html.fromHtmlphương pháp và fontthẻ

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

Tôi tìm thấy điều này tại Thư viện hỗ trợ thiết kế Android có những tính năng mới nào và cách sử dụng Snackbar của nó là gì?

Điều này phù hợp với tôi khi thay đổi màu văn bản trong 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();

CẬP NHẬT: ANDROIDX: Như dblackker đã chỉ ra trong các nhận xét, với thư viện hỗ trợ AndroidX mới, mã để tìm ID của Snackbar TextView sẽ thay đổi thành:

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

Lấy cắp dữ liệu android.support.design.R.id.snackbar_textlà mong manh, một cách tốt hơn hoặc ít hack hơn để làm điều đó sẽ là:

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

Đã tạo hàm mở rộng kotlin này mà tôi sử dụng trong các dự án của mình:

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

    return this
}

Cách sử dụng như bạn mong đợi:

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

Được rồi, tôi đã sửa nó bằng cách sắp xếp lại cơ bản cách tôi tạo màu văn bản.

Trong chủ đề ánh sáng của tôi, tôi đặt android:textColorPrimarycho normal dark texttôi muốn, và tôi đặt android:textColorđểwhite .

Tôi đã cập nhật tất cả các chế độ xem văn bản và các nút của mình để có android:textColor="?android:attr/textColorPrimary".

Vì vậy, vì thanh ăn nhanh lấy từ textColor, tôi chỉ đặt tất cả các văn bản khác của tôi thành textColorPrimary.

CHỈNH SỬA THÁNG 1 NĂM 2017: ---------------------------------------------- ------

Vì vậy, như các nhận xét đã nói, và như đã nêu trong câu hỏi ban đầu đã chỉnh sửa ở trên, bạn có thể không nên xác định android:textColortrong chủ đề của mình, vì điều này sẽ thay đổi màu văn bản của mọi chế độ xem bên trong chủ đề.

Một cách tiếp cận là sử dụng các nhịp:

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

Với các nhịp, bạn cũng có thể thêm nhiều màu sắc và kiểu bên trong một Snackbar. Đây là một hướng dẫn hay:

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

Nếu bạn đã chuyển sang sử dụng androidX com.google.android.material.R.id.snackbar_textthay vì thay android.support.design.R.id.snackbar_textđổi màu văn bản trên thanh nhanh.

Cách duy nhất tôi thấy là sử dụng getView()và đạp xe qua đứa con của nó. Tôi không biết nó có hiệu quả không và nó có tệ như vẻ ngoài của nó. Tôi hy vọng họ sẽ sớm thêm một số API về vấn đề này.

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

Nếu bạn sẽ di chuyển mã của mình sang AndroidX, thuộc tính TextView bây giờ là:

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

Đây là những gì tôi sử dụng khi tôi cần màu tùy chỉnh

    @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;
    }

Và được tiêu thụ như:

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

Tôi đã thay đổi chủ đề của mình

Theme.AppCompat.Light.NoActionBar

đến

Theme.AppCompat.NoActionBar 

Nó hoạt động. Hãy thử sử dụng chủ đề đơn giản thay vì chủ đề ánh sáng hoặc chủ đề khác.

Nếu bạn quyết định sử dụng giải pháp bẩn thỉu và hacky với việc tìm TextView trong Snackbar theo id và bạn đã chuyển sang androidx, thì đây là mã:

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)

Bạn có thể sử dụng thư viện này: https://github.com/SandroMachado/restaurant

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

Tuyên bố từ chối trách nhiệm: Tôi đã làm thư viện.

Tìm theo id không hoạt động với tôi vì vậy tôi đã tìm thấy một giải pháp khác:

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

Sử dụng Snackbarbao gồm trong Thư viện Thành phần Vật liệu và áp dụng

• setTextColor để xác định màu văn bản
• setActionTextColorđể xác định màu văn bản được sử dụng bởi hành động. Bạn có thể sử dụng một màu hoặc một bộ chọn màu
• setBackgroundTint để xác định màu nền của Snackbar

Cái gì đó như:

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

Tôi có một mã đơn giản sẽ giúp lấy một phiên bản của cả textview của Snackbar, sau đó bạn có thể gọi tất cả các phương thức có thể áp dụng trên 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));

Chỉ để tiết kiệm thời gian phát triển quý báu của bạn, đây là phương pháp tĩnh mà tôi đang sử dụng:

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

Cái này nó thì trông như thế nào:

Nếu bạn đang ở Kotlin , bạn có thể tạo tiện ích mở rộng:

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
}

Cách sử dụng :

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

Theo các thành phần AndroidX Jitpack mới

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

Sử dụng tiện ích mở rộng này mà tôi đã tạo

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

Sử dụng nó như thế này

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

Đây là giải pháp của tôi để giải quyết loại vấn đề này trong androidxviệc sử dụngkotlin

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

Bạn cần khởi tạo phương thức mContentbên trong onViewCreatednhư bên dưới

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

Hiện tại (tháng 1 năm 2020) với com.google.android.material:material:1.2.0và có thể cũng1.1.0

Chắc chắn là cách tốt nhất để làm điều đó bằng cách ghi đè các kiểu này:

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

Nếu bạn sử dụng chủ đề material .Bridgeở cuối, vì một số lý do, cả hai kiểu này đều không được xác định. Vì vậy, Snackar sẽ sử dụng một số bố cục kế thừa mà không có các phong cách này.

Tôi đã tìm thấy trong mã nguồn cả hai snackbarButtonStylevà snackbarTextViewStylephải được xác định nếu không nó sẽ không được sử dụng.

Tôi cũng nhận thấy vấn đề tương tự. Nhờ các câu trả lời ở đây, tôi đã tạo một lớp nhỏ, có thể giúp giải quyết vấn đề này dễ dàng hơn, chỉ bằng cách thay thế lớp này:

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

Với cái này:

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

Đây là lớp học của tôi:

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

}