Android富文本

1、SpannableString和SpannableStringBuilder

1、SpannableString和SpannableStringBuilder的区别相当于String和StringBuilder的区别，在Android中可以通过SpannableString或SpannableStringBuilder给存储的字符串添加样式，实现简单的富文本效果。
2、示例，类似朋友圈效果

• 先看效果图：

  
  
  

  TIM截图20171016164750.png

• 首先这是一段文字，小明和小红是蓝色，直接看下面代码：

  String content = "小明回复小红:一点状态都没有";
  mSpannableString = new SpannableString(content);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),0,2, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),4,6, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mTextMessage.setText(mSpannableString);
  

• 上面代码就实现了颜色效果，下面一步一步学习下
  首先，setSpan(Object what, int start, int end, int flags)：

  参数一：表示样式，上面的ForegroundColorSpan就是一种样式，常用的样式如下：
  ForegroundColorSpan：为文本设置前景色；
  BackgroundColorSpan：为文本设置文本背景色；
  RelativeSizeSpan：为文本设置相对大小，在TextView原有的文字大小的基础上，相对设置文字大小；
  StrikethroughSpan：为文本设置中划线，也就是常说的删除线；
  UnderlineSpan：为文本设置下划线；
  SuperscriptSpan：为文本设置上标，可以配合RelativeSizeSpan做数学公式中的上标；
  SubscriptSpan：为文本设置下标；
  StyleSpan：为文本设置（粗体、斜体）风格；
  ImageSpan：将文本替换为图片；
  ClickableSpan：为文本设置点击事件；
  URLSpan：为文本设置超链接。

  参数二和三，start表示需要设置格式的子字符串的起始下标，end表示终止下标。

  参数四，flag表示子字符串是否包含开始或结束端点：
  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点 --- (a,b)；
  Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点 --- (a,b]；
  Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点 --- [a,b)；
  Spanned.SPAN_INCLUSIVE_INCLUSIVE --- 包含两端start和end所在的端点 --- [a,b]。
  注意，flag只是在SpannableStringBuilder才有意义，如下：

  mSpannableStringBuilder.setSpan(new ForegroundColorSpan(Color.BLUE),0,2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  mSpannableStringBuilder.setSpan(new ForegroundColorSpan(Color.BLUE),4,6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  mSpannableStringBuilder.insert(2,"a");  //加入的a会根据flag来判断有没效果。
  

• 到这里还有一步没有完成，就是小明和小红应该有点击效果，利用ClickableSpan：

  mSpannableString = new SpannableString(content);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),0,2, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),4,6, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mSpannableString.setSpan(span,0,2,Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mTextMessage.setMovementMethod(LinkMovementMethod.getInstance());
  
  ClickableSpan span = new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            String text = ((TextView) widget).getText().toString().substring(0,2);
            Toast.makeText(MainActivity.this,text,Toast.LENGTH_SHORT).show();
        }
  
       @Override
       public void updateDrawState(TextPaint ds) {
           super.updateDrawState(ds);
           ds.setUnderlineText(false); //去除下划线
       }
   };
  

• 上面虽然实现了点击效果，但是需求是点击的时候背景为灰色，抬起又是原有的背景颜色，自己试了多个方法没成功，最后找到这个：

  public class LinkTouchMovementMethod extends LinkMovementMethod {
    private TouchableSpan mPressedSpan;
  
    @Override
    public boolean onTouchEvent(TextView textView, Spannable spannable, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            mPressedSpan = getPressedSpan(textView, spannable, event);
            if (mPressedSpan != null) {
                mPressedSpan.setPressed(true);
                Selection.setSelection(spannable, spannable.getSpanStart(mPressedSpan),
                        spannable.getSpanEnd(mPressedSpan));
            }
        } else if (event.getAction() == MotionEvent.ACTION_MOVE) {
            TouchableSpan touchedSpan = getPressedSpan(textView, spannable, event);
            if (mPressedSpan != null && touchedSpan != mPressedSpan) {
                mPressedSpan.setPressed(false);
                mPressedSpan = null;
                Selection.removeSelection(spannable);
            }
        } else {
            if (mPressedSpan != null) {
                mPressedSpan.setPressed(false);
                super.onTouchEvent(textView, spannable, event);
            }
            mPressedSpan = null;
            Selection.removeSelection(spannable);
        }
        return true;
    }
  
    private TouchableSpan getPressedSpan(TextView textView, Spannable spannable, MotionEvent event) {
  
        int x = (int) event.getX();
        int y = (int) event.getY();
  
        x -= textView.getTotalPaddingLeft();
        y -= textView.getTotalPaddingTop();
  
        x += textView.getScrollX();
        y += textView.getScrollY();
  
        Layout layout = textView.getLayout();
        int line = layout.getLineForVertical(y);
        int off = layout.getOffsetForHorizontal(line, x);
  
        TouchableSpan[] link = spannable.getSpans(off, off, TouchableSpan.class);
        TouchableSpan touchedSpan = null;
        if (link.length > 0) {
            touchedSpan = link[0];
        }
        return touchedSpan;
    }
  
  }
  
  
  public abstract class TouchableSpan extends ClickableSpan {
    private boolean mIsPressed;
    private int mPressedBackgroundColor;
    private int mNormalTextColor;
    private int mPressedTextColor;
  
    public TouchableSpan(int normalTextColor, int pressedTextColor, int pressedBackgroundColor) {
        mNormalTextColor = normalTextColor;
        mPressedTextColor = pressedTextColor;
        mPressedBackgroundColor = pressedBackgroundColor;
    }
  
    public void setPressed(boolean isSelected) {
        mIsPressed = isSelected;
    }
  
    @Override
    public void updateDrawState(TextPaint ds) {
        super.updateDrawState(ds);
        ds.setColor(mIsPressed ? mPressedTextColor : mNormalTextColor);
        ds.bgColor = mIsPressed ? mPressedBackgroundColor : Color.TRANSPARENT;
        ds.setUnderlineText(false);
    }
  }
  

  具体用法：

  mSpannableString = new SpannableString(content);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),0,2, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mSpannableString.setSpan(new ForegroundColorSpan(Color.BLUE),4,6, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mSpannableString.setSpan(span,0,2,Spanned.SPAN_INCLUSIVE_INCLUSIVE);
  mTextMessage.setMovementMethod(new LinkTouchMovementMethod());
  
  TouchableSpan span = new TouchableSpan(Color.BLUE,Color.BLUE,Color.GRAY) {
        @Override
        public void onClick(View widget) {
            String text = ((TextView) widget).getText().toString().substring(0,2);
            Toast.makeText(MainActivity.this,text,Toast.LENGTH_SHORT).show();
        }
  
   };