Make your TextView Colorful in Android(Using SpannableStringBuilder)

Add Colors to your TextView

There is a small trick behind this. You have to Keep the text value of textView Empty.

Because the string will be written in java part this time.

Here Goes the entire code for this:

MainActivity.java

package com.androiddevelopmentguru.spannable;

import android.R.color;

import android.os.Bundle;

import android.app.Activity;

import android.graphics.Color;

import android.text.SpannableString;

import android.text.SpannableStringBuilder;

import android.text.style.ForegroundColorSpan;

import android.widget.TextView;

import android.widget.TextView.BufferType;

public class MainActivity extends Activity {

TextView text;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    

    text = (TextView)findViewById(R.id.textView1);

    SpannableStringBuilder spanBuilder =new SpannableStringBuilder();

    // Taking a string as a span

    String welcome = "Welcome To ";

    

    

    //SpannableString class is called and welcome is passed as an object

    SpannableString firstSpan = new SpannableString(welcome);

    

    //calling setSpan method to set desired color in our string

    firstSpan.setSpan(new ForegroundColorSpan(Color.RED), 0, welcome.length(), 0);

    

    spanBuilder.append(firstSpan);

    

    //Repeat the whole process with another string

    String developer="Android Development Guru";

    

    SpannableString secondSpan = new SpannableString(developer);

    

    secondSpan.setSpan(new ForegroundColorSpan(Color.GREEN), 0, developer.length(), 0);

    

    spanBuilder.append(secondSpan);

    text.setText(spanBuilder,BufferType.SPANNABLE);

    }

  

}

activitymain.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_gravity="center"

        android:textSize="16sp"

        android:text="" />

</LinearLayout>

Output: