最近產品提出一個需求，就是模仿微信朋友圈，然後就想怎麼做，本文主要來講的是SpannableString，關於朋友圈設計的其它知識點就不說了。其實用起來很簡單，難搞的地方就是位置的計算，一不小心就會角標越界，接下來會說一下SpannableString的常用的用法。

       為textview新增文字和圖片。

        String content = "小凡送給主播跑車3個"；

    SpannableString sInfo = new SpannableString(content);

    sInfo.setSpan(new ForegroundColorSpan(getResources().getColor(R.color.text_white
 
)),content.length()-4, content.length,
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

    這是給textview設定字型顏色，ForegroundColorSpan顧名思義就是設定背景色，構造器中的第一個引數是要設定的字型顏色，第二個引數是從某個位置開始，第三個引數是從某個位置結束，第四個引數的意思是下面自己翻譯一下。

/**
 * Spans of type SPAN_EXCLUSIVE_EXCLUSIVE do not expand
 * to include text inserted at either their starting or ending point.
 
 * They can never have a length of 0 and are automatically removed
 * from the buffer if all the text they cover is removed.
 */

  CustomImageSpan imageSpan = new CustomImageSpan(goodsDrawable);新增圖片需要用到這個類CustomImageSpan，構造器中的引數是Drawable，也就是你要設定的圖片，得到CustomImageSpan的物件後，sInfo.setSpan(imageSpan, 
 
content.length() + 1, content.length() + 2,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);還是呼叫上面的方法，這次傳的引數除了第一個，其它三個都是一樣的，意思也是一樣的，第一個引數變為了CustomImageSpan的物件,這樣就把圖片新增到了你的textview的最後面了，也就是（小凡送給主播跑車3個＋圖片）。

    為textview上不同的文字位置新增點選事件。

  String content = "小凡送給主播跑車3個"；

    SpannableString sInfo = new SpannableString(content);

sInfo.setSpan(

        new ClickableSpan() {
            @Override
public void onClick(View view) {
                ／／這裡就是點選事件了，可以在這裡處理你的點選事件
            }

            @Override
public void updateDrawState(TextPaint ds) {
                super.updateDrawState(ds);
                ds.setColor(mContext.getResources().getColor(R.color.text_red));
                ds.setUnderlineText(false);
            }
        }, content.length()-4, comment.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

     其實和上面新增文字顏色和圖片是一樣的，只是第一個引數不一樣，第一個引數變為了ClickableSpan的物件，第二個引數是點選事件的起始位置，第三個引數是點選事件的結束位置，也就是這兩個引數就設定了點選事件的區域.

     常用的也就這些用法了，以後遇到別的用法再補充。