Single TextView with multiple colored text

Question

As the title says  I want to know is it possible to achieve two different colored characters in a single textview element

User · Answer

Awesome answers  I was able to use Spannable to build rainbow colored text  so this could be repeated for any array of colors   Here s my method  if it helps anyone   private Spannable buildRainbowText String pack name            int   colors   new int   Color RED  0xFFFF9933  Color YELLOW  Color GREEN  Color BLUE  Color RED  0xFFFF9933  Color YELLOW  Color GREEN  Color BLUE  Color RED  0xFFFF9933  Color YELLOW  Color GREEN  Color BLUE  Color RED  0xFFFF9933  Color YELLOW  Color GREEN  Color BLUE           Spannable word   new SpannableString pack name           for int i   0  i  lt  word length    i                  word setSpan new ForegroundColorSpan colors i    i  i 1  Spannable SPAN EXCLUSIVE EXCLUSIVE                     return word          And then I just setText buildRainboxText pack name    Note that all of the words I pass in are under 15 characters and this just repeats 5 colors 3 times - you d want to adjust the colors length of the array for your usage

User · Answer

25 June 2020 by  canerkaseler  I would like to share Kotlin Answer    fun setTextColor tv TextView  startPosition Int  endPosition Int  color Int       val spannableStr   SpannableString tv text       val underlineSpan   UnderlineSpan       spannableStr setSpan          underlineSpan          startPosition          endPosition          Spanned SPAN INCLUSIVE EXCLUSIVE            val backgroundColorSpan   ForegroundColorSpan this resources getColor R color agreement color       spannableStr setSpan          backgroundColorSpan          startPosition          endPosition          Spanned SPAN INCLUSIVE EXCLUSIVE            val styleSpanItalic   StyleSpan Typeface BOLD      spannableStr setSpan          styleSpanItalic          startPosition          endPosition          Spanned SPAN INCLUSIVE EXCLUSIVE            tv text   spannableStr    After  call above function  You can call more than one  setTextColor textView  0  61  R color agreement color  setTextColor textView  65  75  R color colorPrimary   Output  You can see underline and different colors with each other    canerkaseler

User · Answer

Use SpannableStringBuilder   SpannableStringBuilder builder   new SpannableStringBuilder     SpannableString str1  new SpannableString  Text1    str1 setSpan new ForegroundColorSpan Color RED   0  str1 length    0   builder append str1    SpannableString str2  new SpannableString appMode toString     str2 setSpan new ForegroundColorSpan Color GREEN   0  str2 length    0   builder append str2    TextView tv    TextView  view findViewById android R id text1   tv setText  builder  TextView BufferType SPANNABLE

User · Answer

You can prints lines with multiple colors without HTML as   TextView textView    TextView  findViewById R id mytextview01   Spannable word   new SpannableString  Your message             word setSpan new ForegroundColorSpan Color BLUE   0  word length    Spannable SPAN EXCLUSIVE EXCLUSIVE    textView setText word   Spannable wordTwo   new SpannableString  Your new message             wordTwo setSpan new ForegroundColorSpan Color RED   0  wordTwo length    Spannable SPAN EXCLUSIVE EXCLUSIVE   textView append wordTwo

User · Answer

if  Build VERSION SDK INT  gt   24         Html fromHtml String  flag     for 24 API  and more    else        Html fromHtml String     or for older API       for 24 API and more  flag   public static final int FROM HTML MODE COMPACT   63  public static final int FROM HTML MODE LEGACY   0  public static final int FROM HTML OPTION USE CSS COLORS   256  public static final int FROM HTML SEPARATOR LINE BREAK BLOCKQUOTE   32  public static final int FROM HTML SEPARATOR LINE BREAK DIV   16  public static final int FROM HTML SEPARATOR LINE BREAK HEADING   2  public static final int FROM HTML SEPARATOR LINE BREAK LIST   8  public static final int FROM HTML SEPARATOR LINE BREAK LIST ITEM   4  public static final int FROM HTML SEPARATOR LINE BREAK PARAGRAPH   1  public static final int TO HTML PARAGRAPH LINES CONSECUTIVE   0  public static final int TO HTML PARAGRAPH LINES INDIVIDUAL   1    More Info

User · Answer

It s better to use the string in the strings file  as such        lt string name  some text  gt   lt   CDATA  normal color  lt font color    06a7eb   gt special color lt  font gt    gt       lt  string gt    Usage   textView text HtmlCompat fromHtml getString R string some text   HtmlCompat FROM HTML MODE LEGACY

User · Answer

Use SpannableBuilder class instead of HTML formatting where it possible because it more faster then HTML format parsing  See my own benchmark  SpannableBuilder vs HTML  on Github Thanks

User · Answer

Kotlin version of  Swapnil Kotwal s answer  Android Studio 4 0 1  Kotlin 1 3 72 val greenText   SpannableString  quot This is green  quot   greenText setSpan ForegroundColorSpan resources getColor R color someGreenColor   null   0  greenText length  Spannable SPAN EXCLUSIVE EXCLUSIVE  yourTextView text   greenText  val yellowText   SpannableString  quot this is yellow   quot   yellowText setSpan ForegroundColorSpan resources getColor R color someYellowColor   null   0  yellowText length  Spannable SPAN EXCLUSIVE EXCLUSIVE  yourTextView append yellowText   val redText   SpannableString  quot and this is red  quot   redText setSpan ForegroundColorSpan resources getColor R color someRedColor   null   0  redText length  Spannable SPAN EXCLUSIVE EXCLUSIVE  yourTextView append redText

User · Answer

Using Kotlin and Extensions you can add colored text really easy and clean  Create a file TextViewExtensions kt with this content fun TextView append string  String    ColorRes color  Int        if  string    null    string isEmpty              return            val spannable  Spannable   SpannableString string      spannable setSpan          ForegroundColorSpan ContextCompat getColor context  color            0          spannable length          Spannable SPAN EXCLUSIVE EXCLUSIVE            append spannable     Now is really easy to append text with color textView text    quot  quot     Remove old text textView append  quot Red Text quot   R color colorAccent  textView append  quot White Text quot   android R color white   Basically is same as  Abdul Rizwan answer but using Kotlin  extensions  some validations and getting color inside extension

User · Answer

I have done this  try it  TextView textView  TextView findViewById R id yourTextView    init    here I am appending two string into my textView with two diff colors    I have done from fragment so I used here getActivity       If you are trying it from Activity then pass className this or this    textView append TextViewUtils getColoredString getString R string preString  ContextCompat getColor getActivity   R color firstColor     textView append TextViewUtils getColoredString getString R string postString  ContextCompat getColor getActivity   R color secondColor      Inside your TextViewUtils class add this method               param mString this will setup to your textView     param colorId  text will fill with this color      return string with color  it will append to textView      public static Spannable getColoredString String mString  int colorId        Spannable spannable   new SpannableString mString       spannable setSpan new ForegroundColorSpan colorId   0  spannable length    Spannable SPAN EXCLUSIVE EXCLUSIVE       Log d TAG spannable toString         return spannable

User · Answer

I have done this way     Set Color on Text by passing String and color   private String getColoredSpanned String text  String color        String input     lt font color     color     gt     text     lt  font gt        return input      Set text on TextView   Button   EditText etc by calling below code   TextView   TextView txtView    TextView findViewById R id txtView     Get Colored String   String name   getColoredSpanned  Hiren     800000    String surName   getColoredSpanned  Patel    000080      Set Text on TextView of two strings with different colors   txtView setText Html fromHtml name     surName      Done

User · Answer

You can use Spannable to apply effects to your TextView   Here is my example for colouring just the first part of a TextView text  while allowing you to set the color dynamically rather than hard coding it into a String as with the HTML example        mTextView setText  Red text is here   BufferType SPANNABLE       Spannable span    Spannable  mTextView getText        span setSpan new ForegroundColorSpan 0xFFFF0000   0   Red  length                 Spannable SPAN INCLUSIVE EXCLUSIVE     In this example you can replace 0xFFFF0000 with a getResources   getColor R color red

User · Answer

I don t know  since when this is possible  but you can simply add  lt font gt   lt  font gt  to your string xml which will automatically change the color per text  No need to add any additional code such as spannable text etc  Example  lt string name  quot my formatted text quot  gt       lt font color  quot  FF0707 quot  gt THIS IS RED lt  font gt       lt font color  quot  0B132B quot  gt AND NOW BLUE lt  font gt   lt  string gt

User · Answer

yes  if you format the String with html s font-color property then pass it to the method Html fromHtml your text here   String text     lt font color  cc0029 gt First Color lt  font gt   lt font color  ffcc00 gt Second Color lt  font gt    yourtextview setText Html fromHtml text

User · Answer

Try this   mBox   new TextView context   mBox setText Html fromHtml   lt b gt     title     lt  b gt        lt br   gt              lt small gt     description     lt  small gt       lt br   gt              lt small gt     DateAdded     lt  small gt

User · Answer

I have write down some code for other question which is similar to this one  but that question got duplicated so i can t answer there so i am just putting my code here if someone looking for same requirement   It s not fully working code  you need to make some minor changes to get it worked   Here is the code   I ve used  Graeme idea of using spannable text   String colorfulText    colorfulText              Spannable span   new SpannableString colorfulText                     for   int i   0  len   colorfulText length    i  lt  len  i              span setSpan new ForegroundColorSpan getRandomColor     i  i 1 Spannable SPAN EXCLUSIVE EXCLUSIVE                                        TextView findViewById R id txtSplashscreenCopywrite   setText span     Random Color Method     private int getRandomColor            Random rnd   new Random            return Color argb 255  rnd nextInt 256   rnd nextInt 256   rnd nextInt 256

User · Answer

Since API 24 you have FROM HTML OPTION USE CSS COLORS so you can define colors in CSS instead of repeating it all time with font color    Much clearer - when you have some html and you want to highlight some predefined tags - you just need to add CSS fragment at top of your html

[android] Single TextView with multiple colored text

Examples related to android

Examples related to textview