Ustaw kolor zakresu TextView w Androidzie

206

Czy można ustawić kolor tylko zakresu tekstu w TextView?

Chciałbym zrobić coś podobnego do aplikacji na Twitterze, w której część tekstu jest niebieska. Zobacz zdjęcie poniżej:

alternatywny tekst
(źródło: twimg.com )

hpique
źródło

Odpowiedzi:

429

Inna odpowiedź byłaby bardzo podobna, ale nie musiałaby ustawiać tekstu TextViewdwukrotnie

TextView TV = (TextView)findViewById(R.id.mytextview01);

Spannable wordtoSpan = new SpannableString("I know just how to whisper, And I know just how to cry,I know just where to find the answers");        

wordtoSpan.setSpan(new ForegroundColorSpan(Color.BLUE), 15, 30, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

TV.setText(wordtoSpan);
DanO
źródło
ale jak mogę zmienić kolor dla wielu słów i cały tekst nie ma jednego zakresu?
mostafa hashim
1
@mostafahashim tworzy wiele zakresów, powtarzając wiersz 3 wordtoSpan.setSpan (nowy ForegroundColorSpan (Color.RED), 50, 80, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
Ashraf Alshahawy,
Rozwiązanie Kotlin + Spannable String wyglądałoby tak: stackoverflow.com/questions/4032676/…
Dmitrii Leonov
81

Oto mała funkcja pomocy. Idealne, gdy masz wiele języków!

private void setColor(TextView view, String fulltext, String subtext, int color) {
    view.setText(fulltext, TextView.BufferType.SPANNABLE);
    Spannable str = (Spannable) view.getText();
    int i = fulltext.indexOf(subtext);
    str.setSpan(new ForegroundColorSpan(color), i, i + subtext.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}
mach
źródło
37

Zawsze znajduję przykłady wizualne pomocne w zrozumieniu nowej koncepcji.

Kolor tła

wprowadź opis zdjęcia tutaj

SpannableString spannableString = new SpannableString("Hello World!");
BackgroundColorSpan backgroundSpan = new BackgroundColorSpan(Color.YELLOW);
spannableString.setSpan(backgroundSpan, 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spannableString);

Kolor pierwszego planu

wprowadź opis zdjęcia tutaj

SpannableString spannableString = new SpannableString("Hello World!");
ForegroundColorSpan foregroundSpan = new ForegroundColorSpan(Color.RED);
spannableString.setSpan(foregroundSpan, 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spannableString);

Połączenie

wprowadź opis zdjęcia tutaj

SpannableString spannableString = new SpannableString("Hello World!");
ForegroundColorSpan foregroundSpan = new ForegroundColorSpan(Color.RED);
BackgroundColorSpan backgroundSpan = new BackgroundColorSpan(Color.YELLOW);
spannableString.setSpan(foregroundSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
spannableString.setSpan(backgroundSpan, 3, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spannableString);

Dalsze badanie

Suragch
źródło
29

Jeśli chcesz mieć większą kontrolę, możesz sprawdzić TextPaintklasę. Oto jak z niego korzystać:

final ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(final View textView) {
        //Your onClick code here
    }

    @Override
    public void updateDrawState(final TextPaint textPaint) {
        textPaint.setColor(yourContext.getResources().getColor(R.color.orange));
        textPaint.setUnderlineText(true);
    }
};
Tiago
źródło
getColor (int id) jest przestarzałe na Androidzie 6.0 Marshmallow (API 23) stackoverflow.com/questions/31590714/…
Eka putra
Niezła odpowiedź za pomocą Click Listener.
Muhaiminur Rahman,
20

Ustaw swój TextViewtekst jako spannble i zdefiniuj ForegroundColorSpandla swojego tekstu.

TextView textView = (TextView)findViewById(R.id.mytextview01);    
Spannable wordtoSpan = new SpannableString("I know just how to whisper, And I know just how to cry,I know just where to find the answers");          
wordtoSpan.setSpan(new ForegroundColorSpan(Color.BLUE), 15, 30, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
textView.setText(wordtoSpan);
Jorgesys
źródło
Dzięki! Czy można to zrobić bez uprzedniego przypisania tekstu do TextView?
hpique
Nie wytłumaczyłem się dobrze. Pozwól mi sformułować. Czy konieczne są pierwsze 3 linie? Nie możesz bezpośrednio utworzyć obiektu Spannable z ciągu?
hpique
Nie, musisz zapisać tekst TextView w zbiorze buforowym, aby zmienić kolor pierwszego planu.
Jorgesys,
Chcę zrobić to samo z kolorem i chcę, aby wszystko było odważne, z wyjątkiem kolorowej części, tej części, którą chcę pisać kursywą, jak mogę to zrobić?
Lukap
1
jak ustawić kliknięcie w zakresie?
Rishabh Srivastava
13

Innym sposobem, który można zastosować w niektórych sytuacjach, jest ustawienie koloru łącza we właściwościach widoku, który przyjmuje Spannable.

Jeśli na przykład Spannable będzie używany w TextView, możesz ustawić kolor łącza w pliku XML w następujący sposób:

<TextView
    android:id="@+id/myTextView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColorLink="@color/your_color"
</TextView>

Możesz również ustawić go w kodzie za pomocą:

TextView tv = (TextView) findViewById(R.id.myTextView);
tv.setLinkTextColor(your_color);
Dave
źródło
5

Jest fabryka do tworzenia Spannable i unikaj obsady, tak jak to:

Spannable span = Spannable.Factory.getInstance().newSpannable("text");
Thomas Emil Hansen
źródło
1
Czy możesz wyjaśnić, jak korzystać ze SpannableFactory? Jak powinien wyglądać „tekst”?
Piotr
po utworzeniu Spannable przez SpannableFactory, więc jak go używać?
MBH
5

Zestaw kolorów na tekst przez przepuszczenie String i kolor :

private String getColoredSpanned(String text, String color) {
  String input = "<font color=" + color + ">" + text + "</font>";
  return input;
}

Ustaw tekst na TextView / Button / EditText itp. Dzwoniąc pod poniższy kod:

Widok tekstu:

TextView txtView = (TextView)findViewById(R.id.txtView);

Uzyskaj kolorowy sznurek:

String name = getColoredSpanned("Hiren", "#800000");

Ustaw tekst w TextView:

txtView.setText(Html.fromHtml(name));

Gotowe

Hiren Patel
źródło
4
String text = "I don't like Hasina.";
textView.setText(spannableString(text, 8, 14));

private SpannableString spannableString(String text, int start, int end) {
    SpannableString spannableString = new SpannableString(text);
    ColorStateList redColor = new ColorStateList(new int[][]{new int[]{}}, new int[]{0xffa10901});
    TextAppearanceSpan highlightSpan = new TextAppearanceSpan(null, Typeface.BOLD, -1, redColor, null);

    spannableString.setSpan(highlightSpan, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(new BackgroundColorSpan(0xFFFCFF48), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(new RelativeSizeSpan(1.5f), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

    return spannableString;
}

Wynik:

wprowadź opis zdjęcia tutaj

Ahamadullah Saikat
źródło
nie lubisz Hasina 🤣
Abu Nayem
3

Wystarczy dodać do zaakceptowanej odpowiedzi, ponieważ wydaje się, że wszystkie odpowiedzi mówią android.graphics.Colortylko: co jeśli zdefiniowany jest kolor, który chcę res/values/colors.xml?

Weźmy na przykład kolory Material Design zdefiniowane w colors.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="md_blue_500">#2196F3</color>
</resources>

( android_material_design_colours.xmljest twoim najlepszym przyjacielem)

Następnie użyj ContextCompat.getColor(getContext(), R.color.md_blue_500)miejsca, w którym chcesz użyć Color.BLUE, aby:

wordtoSpan.setSpan(new ForegroundColorSpan(Color.BLUE), 15, 30, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

staje się:

wordtoSpan.setSpan(new ForegroundColorSpan(ContextCompat.getColor(getContext(), R.color.md_blue_500)), 15, 30, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

Gdzie znalazłem to:

Antonio Vinicius Menezes Medei
źródło
2

Oto funkcja rozszerzenia Kotlin, którą mam do tego

    fun TextView.setColouredSpan(word: String, color: Int) {
        val spannableString = SpannableString(text)
        val start = text.indexOf(word)
        val end = text.indexOf(word) + word.length
        try {
            spannableString.setSpan(ForegroundColorSpan(color), start, end,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
            text = spannableString
        } catch (e: IndexOutOfBoundsException) {
         println("'$word' was not not found in TextView text")
    }
}

Użyj go po ustawieniu tekstu na TextView

private val blueberry by lazy { getColor(R.color.blueberry) }

textViewTip.setColouredSpan("Warning", blueberry)
Ivan Wooll
źródło
0
  1. utwórz widok tekstu w swoim układzie
  2. wklej ten kod do swojej MainActivity

    TextView textview=(TextView)findViewById(R.id.textviewid);
    Spannable spannable=new SpannableString("Hello my name is sunil");
    spannable.setSpan(new ForegroundColorSpan(Color.BLUE), 0, 5, 
    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
    textview.setText(spannable);
    //Note:- the 0,5 is the size of colour which u want to give the strring
    //0,5 means it give colour to starting from h and ending with space i.e.(hello), if you want to change size and colour u can easily
Sunil
źródło
0

Poniżej działa idealnie dla mnie

    tvPrivacyPolicy = (TextView) findViewById(R.id.tvPrivacyPolicy);
    String originalText = (String)tvPrivacyPolicy.getText();
    int startPosition = 15;
    int endPosition = 31;

    SpannableString spannableStr = new SpannableString(originalText);
    UnderlineSpan underlineSpan = new UnderlineSpan();
    spannableStr.setSpan(underlineSpan, startPosition, endPosition, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    ForegroundColorSpan backgroundColorSpan = new ForegroundColorSpan(Color.BLUE);
    spannableStr.setSpan(backgroundColorSpan, startPosition, endPosition, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    StyleSpan styleSpanItalic  = new StyleSpan(Typeface.BOLD);

    spannableStr.setSpan(styleSpanItalic, startPosition, endPosition, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    tvPrivacyPolicy.setText(spannableStr);

Dane wyjściowe dla powyższego kodu

wprowadź opis zdjęcia tutaj

OmiK
źródło
0

Niektóre odpowiedzi tutaj są nieaktualne. Ponieważ (w większości przypadków) dodasz niestandardową akcję kliknięcia do linku .

Poza tym, zgodnie z pomocą dokumentacji, kolor linku łączącego ciąg znaków będzie miał domyślny kolor. „Domyślnym kolorem łącza jest kolor akcentu motywu lub Android: textColorLink, jeśli ten atrybut jest zdefiniowany w motywie”.

Oto sposób, aby zrobić to bezpiecznie.

 private class CustomClickableSpan extends ClickableSpan {

    private int color = -1;

    public CustomClickableSpan(){
        super();
        if(getContext() != null) {
            color = ContextCompat.getColor(getContext(), R.color.colorPrimaryDark);
        }
    }

    @Override
    public void updateDrawState(@NonNull TextPaint ds) {
        ds.setColor(color != -1 ? color : ds.linkColor);
        ds.setUnderlineText(true);
    }

    @Override
    public void onClick(@NonNull View widget) {
    }
}

Następnie użyj go.

   String text = "my text with action";
    hideText= new SpannableString(text);
    hideText.setSpan(new CustomClickableSpan(){

        @Override
        public void onClick(@NonNull View widget) {
            // your action here !
        }

    }, 0, text.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    yourtextview.setText(hideText);
    // don't forget this ! or this will not work !
    yourtextview.setMovementMethod(LinkMovementMethod.getInstance());

Mam nadzieję, że to zdecydowanie pomoże!

Zhar
źródło
0

Z dokumentacji dla programistów, aby zmienić kolor i rozmiar spannble:

1- stwórz klasę:

    class RelativeSizeColorSpan(size: Float,@ColorInt private val color: Int): RelativeSizeSpan(size) {

    override fun updateDrawState(textPaint: TextPaint?) {
        super.updateDrawState(textPaint)
        textPaint?.color = color
    } 
}

2 Stwórz swoją spannable używając tej klasy:

    val spannable = SpannableStringBuilder(titleNames)
spannable.setSpan(
    RelativeSizeColorSpan(1.5f, Color.CYAN), // Increase size by 50%
    titleNames.length - microbe.name.length, // start
    titleNames.length, // end
    Spannable.SPAN_EXCLUSIVE_INCLUSIVE
)
Badr
źródło