首先我們來看下這張效果圖，注意圖片中置頂這個圖片是如何實現的呢？當然你也可也設定他的點選事件，比如帶有視訊或者其他類的，這裡我們就不多做介紹了，看專案具體需求就好。

如果就涉及到一行的話我們只需要在文字後面加個imageview就行，但是如果多行顯示的話這樣做就不太好了

那麼什麼是SpannableString呢？

SpannableString其實和String一樣，都是一種字串型別，同樣TextView也可以直接設定SpannableString作為顯示文字，不同的是SpannableString可以通過使用其方法setSpan方法實現字串各種形式風格的顯示,重要的是可以指定設定的區間，也就是為字串指定下標區間內的子字串設定格式。

setSpan(Object what, int start, int end, int flags)方法需要使用者輸入四個引數，what表示設定的格式是什麼，可以是前景色、背景色也可以是可點選的文字等等，start表示需要設定格式的子字串的起始下標，同理end表示末尾下標，flags就是一種標識，共有以下四種屬性：

Spanned.SPAN_INCLUSIVE_EXCLUSIVE 從起始下標到末尾下標，包括起始下標，不包括後面
Spanned.SPAN_INCLUSIVE_INCLUSIVE 從起始下標到末尾下標，同時包括起始下標和末尾下標，前後包括
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 從起始下標到末尾下標，但都不包括起始下標和末尾下標
Spanned.SPAN_EXCLUSIVE_INCLUSIVE 從起始下標到末尾下標，包括末尾下標

到此，那我們看看如何在程式碼中實現這一效果呢？

String title = MapUtil.getValueStr(datas.get(position), "Title");
            try {
                title = java.net.URLDecoder.decode(title, "utf-8");
            } catch (UnsupportedEncodingException e) {
                e.printStackTrace();
            }
            //圖文混排
            Drawable drawable = getResources().getDrawable
 
(R.mipmap.icon_top);
            drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());//這裡後兩位不要填寫int類引數，否則會出現在大屏手機上顯示不整齊的情況
            ImageSpan is = new ImageSpan(drawable);
            String space = " ";
            title = title + space;
            int strLength = title.length();
            SpannableString ss = new SpannableString(title);
            ss .setSpan(is,strLength-1, strLength, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

            if ("1".equals(TopFlag)) { //置頂顯示
                viewHolder.title.setText(ss.subSequence(0,strLength));
            } else {
                viewHolder.title.setText(title);
            }

我們拿到介面返回的title後，把我們需要的圖片通過 Drawable drawable = getResources().getDrawable(R.mipmap.icon_top);
drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());//這裡後兩位不要填寫int類引數，否則會出現在大屏手機上顯示不整齊的情況

拿到圖片後設置你想要的大小和位置即可輕鬆快速實現這一效果。

那麼怎麼實現效果2那種name和內容顏色區分開呢？有人會覺得，這不name寫個佈局，內容寫個佈局就ok了嗎？是的這樣寫沒錯能夠實現這個效果，但是，你注意到這種評論文字他是一行結束跳轉開頭繼續顯示的，你那樣做的話肯定不行了，只能夠集中顯示不會到開頭

好了分析完了我們具體看看如何輕鬆實現這一效果吧！

` /**
*
*
* @author 建立人: kris_liutao
*
* @description 功能描述: 利用SpannableString將不同的文字型別拼接起來ForegroundColorSpan只能使用int型別引數
*
*/

            String name = (MapUtil.getValueStr(datas.get(position), "Name"));
            String resourName = (MapUtil.getValueStr(datas.get(position), "ReceiverName"));
            String msg = name +" 回覆 "+resourName+" :"+ content;

            int fstart=msg.indexOf(name);
            int fend=fstart+name.length();

            int bstart=msg.indexOf(resourName);
            int bend=bstart+resourName.length();
            SpannableString spannableString = new SpannableString(msg);
            spannableString.setSpan(new ForegroundColorSpan(Color.parseColor("#21D04B") ),fstart,fend, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
            spannableString.setSpan(new ForegroundColorSpan(Color.parseColor("#21D04B") ),bstart,bend, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

            holder.content.setText(spannableString);

`

注意看程式碼部分
String name = (MapUtil.getValueStr(datas.get(position), “Name”));

String resourName = (MapUtil.getValueStr(datas.get(position), “ReceiverName”));

String content = MapUtil.getValueStr(datas.get(position), “Content”);

這是我們介面返回的名字和內容，我們只需要設定名字的顏色的話那麼通過
String resourName = (MapUtil.getValueStr(datas.get(position), “ReceiverName”));
String msg = name +” 回覆 “+resourName+” :”+ content;

            int fstart=msg.indexOf(name);
            int fend=fstart+name.length();

拼接將name取出來，得到name的length（），然後通過SpannableString建立新的物件
SpannableString spannableString = new SpannableString(msg);
spannableString.setSpan(new ForegroundColorSpan(Color.parseColor(“#21D04B”) ),fstart,fend, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);

ForegroundColorSpan這個設定的是字型的顏色，BackgroundColorSpan這個引數是選中內容設定背景顏色等等，最後holder.content.setText(spannableString);將SpannableString的物件設定到你想要的地方即可實現這一效果。

簡書