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

来源:互联网 发布:淘宝交电费显示缴费中 编辑:程序博客网 时间:2024/06/05 03:19

               首先感谢这位博主,让我对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>

开始是这样


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

前后都被感染到了。



0 0