一个TextView实现不同部分添加不同样式

               首先感谢这位博主，让我对SpannableStringBuilder的用法有了更深的理解。博主博文：http://blog.csdn.net/harvic880925/article/details/38984705 以下内容部分引用自他的文章

    在实际的应用开发过程中经常会遇到，在文本的不同部分显示一些不同的字体颜色,比如这种，

一般按往常的做法，要用两个TextView来实现不同样式，但是现在，我们可以用SpannableStringBuilder来实现一个TextView不同部分显示不同的样式。

    首先，先来看SpannableStringBuilder的一些属性。SpannableStringBuilder跟StringBuilder一样都可以实现字符串的拼接。

它最主要的属性如下：

void setSpan (Object what, int start, int end, int flags)

object what ：对应的各种Span，后面会提到；
int start：开始应用指定Span的位置，索引从0开始
int end：结束应用指定Span的位置，特效并不包括这个位置。比如如果这里数为3（即第4个字符），第4个字符不会有任何特效。从下面的例子也可以看出来。
int flags：取值有如下四个
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括，即在指定范围的前面和后面插入新字符都不会应用新样式 
Spannable.SPAN_EXCLUSIVE_INCLUSIVE      ：前面不包括，后面包括。即仅在范围字符的后面插入新字符时会应用新样式
Spannable.SPAN_INCLUSIVE_EXCLUSIVE      ：前面包括，后面不包括。

Spannable.SPAN_INCLUSIVE_INCLUSIVE     ：前后都包括。

最后一个参数只有在有新插入字符时才应用

比如在应用样式的这段字符后append()一段文字，或者是应用在EditText中新输入字符中

先看如何实现这种功能：

1.在string.xml中定义

<string name="total_price">价格：%1$s</string>

2.color.xml中定义

<color name="redColor">#f16a5d</color>

2.activity布局文件

<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:orientation="vertical"
    >

    <TextView
        android:id="@+id/tv_total_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        />

</LinearLayout>

activity中

public class SpannableStringBuilderActivity extends Activity {
    private TextView tvPrice;
    private SpannableStringBuilder mSpannable = new SpannableStringBuilder();
    private ForegroundColorSpan colorSpan;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_spannable_string_builder);
        colorSpan = new ForegroundColorSpan(getResources().getColor(R.color.redColor));
        tvPrice = (TextView) findViewById(R.id.tv_total_price);
        tvPrice.setText(countAllString(R.string.total_price, "23.00"));
    }

    private SpannableStringBuilder countAllString(int resCount, String countStr) {
        mSpannable.clear();
        String asCount = getString(resCount, countStr);
        mSpannable.append(asCount);
        mSpannable.setSpan(colorSpan, 3, countStr.length() + 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        return mSpannable;
    }
}

然后就能实现上面的效果了。

     如果我们在应用的样式的后面append()某个字符，用这个SPAN_INCLUSIVE_INCLUSIVE时就会发后面新插入的样式也被应用了，如下，改这个方法

private SpannableStringBuilder countAllString(int resCount, String countStr) {
    mSpannable.clear();
    String asCount = getString(resCount, countStr);
    mSpannable.append(asCount);
    mSpannable.setSpan(colorSpan, 3, countStr.length() + 3, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
    mSpannable.append("你好");
    return mSpannable;
}

在后面加一段字，你好，就会发现是这个效果

感觉后面被传染到了似的。

第二种是在editText中

public class SpannableStringBuilderActivity extends Activity {

    private SpannableStringBuilder mSpannable = new SpannableStringBuilder("我们都是中国人");
    private ForegroundColorSpan colorSpan;
    private EditText edtPrice;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_spannable_string_builder);
        colorSpan = new ForegroundColorSpan(getResources().getColor(R.color.redColor));

        edtPrice= (EditText) findViewById(R.id.edt_price);
        //将这个Span应用于指定范围的字体
        mSpannable.setSpan(colorSpan, 1, 3, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        //设置给EditText显示出来
        edtPrice.setText(mSpannable);
    }
}

<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:orientation="vertical"
    >

    <EditText
        android:id="@+id/edt_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

开始是这样

当我们输入文字后，就变成

前后都被感染到了。