How to make a Texview clickable, underline and change color to certain portion

TextViewClickableUnderlineColorChange.java

//Terms of Service
		String tobeClickable = getString(R.string.tos);
		int index = getString(R.string.terms_of_service).indexOf(tobeClickable);
		int length = index + tobeClickable.length();

		//I agree to FireSonar's Terms of Service
		Spannable spannableString = new SpannableString(
				getString(R.string.terms_of_service));

		ClickableSpan clickableSpan = new ClickableSpan() {

			@Override
			public void onClick(View widget) {
				System.out.println("I am clicked");
			}
		};

		spannableString.setSpan(clickableSpan, index, length,
				Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
		spannableString.setSpan(new ForegroundColorSpan(getResources()
				.getColor(R.color.fs_color)), index, length,
				Spannable.SPAN_INCLUSIVE_INCLUSIVE);
		spannableString.setSpan(new UnderlineSpan(), index, length,
				Spannable.SPAN_INCLUSIVE_INCLUSIVE);

		termsOfService.setText(spannableString);
		//this is required for click to work
		termsOfService.setMovementMethod(LinkMovementMethod.getInstance());