TextView高级用法之SpannableStringBuilder

1.介绍

我们在开发过程经常会遇到一些在TextView上需要显示不同颜色的文字、文字中加入URL、文件中加入图片或者对某段文字加入点击事件等这样的需求时。我们以前一般的做法是会在一个布局中写多个控件然后根据需求来布局XML，这种方法本身没有什么毛病但是我们可以采用更加好的方案来实现这种需求，现在我们就来学习下SpannableStringBuilder这个类的用法完后就可以优雅的实现这类需求了。

• SpannableStringBuilder 一般配合 SpannableString 使用就和String 和 StringBuilder一样前者可以拼接后者不能拼接。

• Class Overview
  This is the class for text whose content and markup can both be changed. /这类文本的内容和标记都可以改变/

---

• 常用公有方法

  
  
  

  常用公有方法

---

• 重点方法 void setSpan(Object what, int start, int end, int flags)
  what 可用于如下图片中的类
  start 文本开始的位置
  end 文本结束的位置
  flags 是一个标记

Spanned.SPAN_EXCLUSIVE_INCLUSIVE:
在 Span前面输入的字符不应用 Span的效果,在后面输入的字符应用Span效果。

Spanned.SPAN_INCLUSIVE_EXCLUSIVE:
在 Span前面输入的字符应用 Span 的效果，在后面输入的字符不应用Span效果。

Spanned.SPAN_INCUJSIVE_INCLUSIVE:
在 Span前后输入的字符都应用 Span 的效果。

what参数可以作用的类型

what参数

2.使用过程

 /**
     * 设置文本颜色
     * @param text 需要改变颜色的text
     * @return
     */
    public SpannableString style1(String text) {
        SpannableString sbs = new SpannableString(text);
        ForegroundColorSpan forColor = new ForegroundColorSpan(Color.parseColor("#FF8247"));
        sbs.setSpan(forColor, 0, text.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return sbs;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.spannable_layout);
        TextView textView = (TextView) findViewById(R.id.text);
        SpannableStringBuilder builder = new SpannableStringBuilder();
        builder.append(style1("名字:"));
        builder.append("Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性");
        textView.setText(builder);
    }

改变名字颜色

---

    /**
     * 设置文本背景颜色
     * @param text 需要改变颜色的text
     * @return
     */
    public SpannableString style2(String text) {
        SpannableString sbs = new SpannableString(text);
        BackgroundColorSpan forColor = new BackgroundColorSpan(Color.parseColor("#FF8247"));
        sbs.setSpan(forColor, 0, text.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return sbs;
    }

改变背景颜色代码

---

   /**
     * 在文本中插入image
     * @param text 要改变的text
     * @return
     */
    public SpannableString drawableSpan(String text) {
        SpannableString spannableString = new SpannableString(text);
        ImageSpan drawableSpan = new ImageSpan(this, R.drawable.christmas_diamond);
        //3-5的位置替换为图片
        spannableString.setSpan(drawableSpan, 3, 5, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return spannableString;
    }

在文本中插入图片

---

    /**
     * 设置文本的点击
     * @return
     */
    public ClickableSpan clickableSpan() {
        ClickableSpan clickableSpan = new ClickableSpan() {
            @Override
            public void onClick(View widget) {
                Toast.makeText(MainActivity.this, "点击了URL", Toast.LENGTH_SHORT).show();
            }
        };
        return clickableSpan;
    }

   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.spannable_layout);
        TextView textView = (TextView) findViewById(R.id.text);
        SpannableStringBuilder builder = new SpannableStringBuilder();
        builder.append(style1("Android TextView"));
        //0-7下标为可以点击的文本
        builder.setSpan(clickableSpan(), 0, 7, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
        textView.setText(builder);
        textView.setMovementMethod(LinkMovementMethod.getInstance());//务必加上这句不然没效果
    }

点击0-7下标触发点击事件

---

  /**
   * 设置文本超链接
   * @param text 要改变的text
   * @return
   */
  public SpannableString styleUrl(String text) {
      SpannableString spannableString = new SpannableString(text);
      URLSpan urlSpan = new URLSpan(“tel:0123456789”);
      spannableString.setSpan(urlSpan, 0, text.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
      return spannableString;
  }

---

一些最常用的用法就记录到这，更多的使用可以参考上面图片中的参数和方法。

原文链接