利用Span实现TextView/EditText的灵活表现--改变字体外观，添加点击，超链接

1 TextView和EditText灵活设置文字格式

TextView和EditText都可以设置纯文本的字符串，但是当一个字符串中需要设置不同的文字格式或者插入图片时，我们不可能去设置多个TextView+ImageView来实现，那样要累死了。（话说，刚开始我就是动态添加四个TextView来实现一个效果，好囧）。我们知道，方法setText(CharSequence text)中接收的是CharSequence。而SpannableString和SpannableStringBuilder是其实现类，是可以直接赋值的，并且，两者的setSpan()方法可以设置一些格式对象（例如字体大小，下划线，替换为图片，等），这就可以实现富文本了。

接口 Spannable--->Spanned--->CharSequence

实现子类：

|--Editable

|--SpannableString 

|--SpannableStringBuilder（-->Editale）

Spannable中定义了抽象方法：setSpan(Object what, int start, int end, int flags)和removeSpan(Object what)。这两个方法实现了对字符串的灵活编辑。

实现效果如下：

2 各Span的简单应用

以下是一些常用到的一些Span

    |-- ForegroundColorSpan

    |-- BackgroundColorSpan

    |-- StyleSpan

    |-- TypefaceSpan

    |-- ImageSpan

    |-- URLSpan

    |-- UnderlineSpan

    |-- StrikethroughSpan(删除线)

具体没啥说的，直接看代码

1. private void setSpan() {
2.        SpannableString spannableString = new SpannableString("君不见黄河之水天上来，");
3.        SpannableString spannableString2 = new SpannableString("奔流到海不复回。");
4.        SpannableString spannableString3 = new SpannableString("君不见高堂明镜悲白发，");
5.        SpannableString spannableString4 = new SpannableString("朝如青丝暮成雪。");
6.        SpannableString spannableString5 = new SpannableString("人生得意须尽欢。");
7.        SpannableString spannableString6 = new SpannableString("莫使金樽空对月。");
9.        ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.GREEN);
10.        BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.CYAN);// 同ForegroundColorSpan应用一样
12.        AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(32,true);// 32dp
14.        UnderlineSpan underlineSpan = new UnderlineSpan();
16.        // 文本字体格式，加粗，倾斜
17.        StyleSpan styleSpan = new StyleSpan(Typeface.BOLD_ITALIC);
19.        // 这四种flags的显示效果是一样的，包前不包后
20.        spannableString.setSpan(foregroundColorSpan,1,5, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
21.        spannableString.setSpan(styleSpan, 1, 5, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
22.        spannableString2.setSpan(underlineSpan, 1, 5, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
23.        spannableString3.setSpan(absoluteSizeSpan, 1, 5, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
24.        spannableString4.setSpan(backgroundColorSpan, 1, 5, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
27.        ImageSpan imageSpan = new ImageSpan(this,R.mipmap.iv_lyf);
28.        spannableString5.setSpan(imageSpan, 1, 4, Spanned.SPAN_COMPOSING);
30.        Drawable drawable = getResources().getDrawable(R.mipmap.iv_lyf);
31.        drawable.setBounds(0, 0, drawable.getIntrinsicWidth()/3, drawable.getIntrinsicHeight()/3);//缩小为1/3
32.        ImageSpan imageSpan1 = new ImageSpan(drawable, ImageSpan.ALIGN_BOTTOM);
33.        spannableString6.setSpan(imageSpan1,1,5,Spanned.SPAN_COMPOSING);
36.        textView.setText(spannableString);
37.        textView2.setText(spannableString2);
38.        textView3.setText(spannableString3);
39.        textView4.setText(spannableString4);
40.        textView5.setText(spannableString5);
41.        textView6.setText(spannableString6);
43.        // 以上四种span对于新增加的文字有效果
44. //        editText.setText(spannableString);// Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 在span的文字前后新加文字都不会有span设置的效果
45. //        editText.setText(spannableString2);// Spanned.SPAN_EXCLUSIVE_INCLUSIVE 在span的文字前后新加文字，前边无效果，后边会复用效果
46. //        editText.setText(spannableString3);// Spanned.SPAN_INCLUSIVE_EXCLUSIVE 在span的文字前后新加文字，前边会复用效果，后边无效果
47.        editText.setText(spannableString4);// Spanned.SPAN_INCLUSIVE_INCLUSIVE 在span的文字前后新加文字，前边和后边都会复用效果
49.    }

以上是SpannableString的应用，还用一个SpannableStringBuilder，他们两个区别就是，后者可以通过append()方法动态添加文本。其他用法相同。如下：

1.  private void setSpan2() {
2.        SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder("天生我材必有用，");
4.        ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.RED);
5.        StrikethroughSpan strikethroughSpan =new StrikethroughSpan();
7.        spannableStringBuilder.setSpan(foregroundColorSpan,0,3,Spanned.SPAN_COMPOSING);
9.        spannableStringBuilder.append("千金散尽还复来。");
10.        spannableStringBuilder.setSpan(strikethroughSpan,3,12,Spanned.SPAN_COMPOSING);
12.        textView7.setText(spannableStringBuilder);
14.    }

3 利用ClickableSpan实现可点击文本

模拟点赞人的联系显示，且可点击。

1.  private void setMoreLikers(){
2.        // 构造多个超链接的html, 通过选中的位置来获取用户名
3.        StringBuilder sbBuilder = new StringBuilder();
4.        for (int i = 0; i < 15; i++) {
5.            sbBuilder.append("liker" + i + "、");
6.        }
7.        String likers = sbBuilder.substring(0, sbBuilder.lastIndexOf("、")).toString();
8.        textView8.setMovementMethod(LinkMovementMethod.getInstance());//
9.        textView8.setText(addClickablePart(likers), TextView.BufferType.SPANNABLE);
10.    }
12.    /**
13.     * ClickableSpan 可点击的文本
14.     * @param str
15.     * @return
16.     */
17.    private SpannableStringBuilder addClickablePart(String str) {
18.        Drawable drawable = getResources().getDrawable(R.mipmap.ic_like);
19.        drawable.setBounds(0,0,30,30);// 设置大小
20.        // 赞的图标
21.        ImageSpan span = new ImageSpan(drawable, DynamicDrawableSpan.ALIGN_BASELINE);
22.        SpannableString spanStr = new SpannableString("l");// 被替换的
23.        spanStr.setSpan(span, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
24.        // 将赞的图标和赞的人名拼接
25.        SpannableStringBuilder ssb = new SpannableStringBuilder(spanStr);
26.        ssb.append(str) ;
28.        String[] likers = str.split("、");
30.        if (likers.length > 0) {
32.            for (int i = 0; i < likers.length; i++) {
33.                final String name = likers[i];
34.                final int start = str.indexOf(name) + spanStr.length();
35.                ssb.setSpan(new ClickableSpan() {
37.                    @Override
38.                    public void onClick(View widget) {
39.                        Toast.makeText(MainActivity.this, name, Toast.LENGTH_SHORT).show();
40.                    }
42.                    @Override
43.                    public void updateDrawState(TextPaint ds) {
44.                        super.updateDrawState(ds);
45.                        // 设置文本颜色
46.                        ds.setColor(Color.RED);
47.                        // 去掉下划线
48.                        ds.setUnderlineText(false);
49.                        ds.setTextSize(30.0f);
50.                    }
52.                }, start, start + name.length(), Spanned.SPAN_COMPOSING);
53.            }
54.        }
55.        return ssb.append("赞了您.");
56.    }

4 URLSpan用法

URLSpan urlSpan = new URLSpan("tel:10086");

URLSpan默认都设置了ClickableSpan，都是可点击的。

"tel:":电话

"mailto:":邮件

"http:":网址

"sms:":短信

"geo:":地图（需要fq）

1. /**
2. * 点击电话超链接，拨打电话
3. *
4. */
5. private void setUrlSpan(){
6. SpannableString spannableString = new SpannableString("电话");
8. final URLSpan urlSpan = new URLSpan("tel:10086");
10. spannableString.setSpan(urlSpan, 0, 2, Spanned.SPAN_COMPOSING);
11. textView9.setMovementMethod(LinkMovementMethod.getInstance());
13. textView9.setText(spannableString);
14. }
16. /**
17. * 网址超链接 默认是可点击跳转的
18. */
19. private void setUrlSpan2(){
20. SpannableString spannableString = new SpannableString("网址");
22. final URLSpan urlSpan2 = new URLSpan("http://www.csdn.net");
23. spannableString.setSpan(urlSpan2, 0, 2, Spanned.SPAN_COMPOSING);
24. textView10.setMovementMethod(LinkMovementMethod.getInstance());
25. textView10.setText(spannableString);
26. }