How to set text color in android.support.design.chip.Chip?

Question

<android.support.design.chip.Chip
     style="@style/Widget.MaterialComponents.Chip.Choice"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_margin="4dp"
     android:checked="true"
     android:padding="4dp"
     android:textAppearance="?android:textAppearanceSmall"
     app:chipBackgroundColor="@color/selector"
     app:chipText="Test"
     app:chipIconEnabled="true"
     app:chipIconSize="20dp" />

In XML there is no attribute like:

chipTextColor

Programmatically SpannableString not working:

SpannableStringBuilder builder = new SpannableStringBuilder();
String numeric = getString(R.string.patient_list_order_date);
SpannableString whiteSpannable= new SpannableString(numeric);
whiteSpannable.setSpan(new ForegroundColorSpan(Color.WHITE), 0, numeric.length(), 0);
builder.append(whiteSpannable);
chip.setChipText(builder);

The solution adopted unfortunately is a workaround. With supportLibraryVersion 28.0.0-alpha3 the attribute `app:chipText` is not available anymore instead at classic `android:text`. Now the class `SpannableString` with specific `foregroundColorSpan` works — Lorenzo Marchesi, Jul 18 '18 at 14:27

score 19 · Accepted Answer · edited Aug 20 '18 at 14:27

19

I managed to set the text-color in 28.0.0-alpha3 like this:

chip.setChipText(text);
chip.setTextAppearanceResource(R.style.ChipTextStyle_Selected);

and create a style with these parameters:

<style name="ChipTextStyle_Selected">
    <item name="android:textSize">13sp</item>
    <item name="android:textColor">@color/white</item>
</style>

edited Aug 20 '18 at 14:27

Adrian Le Roy Devezin

672
1
13
41

answered Jul 24 '18 at 08:48

hollmannlu

206
1
4

Worked for me after trying by myself from quite a while. This should be the accepted answer. Thanks! – Tgo1014 Aug 01 '18 at 17:46
After debugging one day issue got fixed, it worked in HTC device 5.1.1 thank you so much – user3069590 Jan 17 '20 at 16:39

score 4 · Answer 2 · answered Aug 20 '18 at 13:16

You can simply use android:textColor in xml like:

    <com.google.android.material.chip.Chip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"/>

Or programatically you can use:

val chip = view.findViewById<Chip>(R.id.chip)
chip.setTextColor(Color.WHITE)

score 1 · Answer 3 · answered Nov 20 '18 at 12:54

1

In support library version 28 you can use this code for set color to text in chip

android:textColor="#FFFFFF"

and this code for write text in chip

android:text="example"

answered Nov 20 '18 at 12:54

Reza Esfandiari

838
10
13

IntelliJ Amiya · Answer 4 · 2018-07-19T06:16:42.323

public class Chip extends AppCompatCheckBox implements ChipDrawable.Delegate

Chips are compact elements that represent an attribute, text, entity, or action. There is no app:chipTextColor attribute right now.

FYI

The Material Design color system can be used to create a color theme that reflects your brand or style.

Read the official guideline about The color system.

NOTE

You can try with ForegroundColorSpan

DEMO

    SpannableString whiteSpannable= new SpannableString(numeric);
    int color = getResources().getColor(R.color.your_color_name);
    ForegroundColorSpan fcs  =new ForegroundColorSpan(color);
    whiteSpannable.setSpan(new 
    ForegroundColorSpan(Color.WHITE),0,numeric.length(), 0);
    builder.append(whiteSpannable);
    chip.setChipText(builder);

How to set text color in android.support.design.chip.Chip?

4 Answers4