效果

介紹

       SpannableString，相較於普通String帶有豐富的格式設定，可使文字的可讀性更強。兩者都用於儲存字串，而SpannableString的特殊之處就在於有一個setSpan()函式，因而能給儲存的文字新增各種樣式，諸如文字顏色樣式((ForgroundColorSpan)，文字背景顏色樣式((BackgroundColorSpan)，下劃線樣式((UnderlineSpan)等，而今天我們的功能實現需要用到的則是圖片樣式(ImageSpan)。

       SpannableStringBuilder，類似於StringBuilder，可以通過其append()方法拼接多個String。而SpannableString則類似於String，構造物件對傳入一個String，之後再也無法更改String的內容，也無法拼接多個SpannableString。

       相關API的類大致分層如下：

        由上圖可看出，由於Spannable等最終都實現了CharSequence介面，所以可以直接將SpannableString和SpannableStringBuillder通過TextView.setText()方法設定給TextView。

實現

主要就是實現自定義控制元件類，然後覆寫setText()方法

package com.example.emodemo.view;

import java.util.regex.Matcher;
import java.util.regex.Pattern;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.TextUtils;
import android.text.style.ImageSpan;
import android.util.AttributeSet;
import android.widget.TextView;

public class EmoticonsTextView extends TextView {

    public EmoticonsTextView(Context context) {
        super(context);
    }

    public EmoticonsTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public EmoticonsTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        if (!TextUtils.isEmpty(text)) {
            super.setText(replace(text.toString()), type);
        } else {
            super.setText(text, type);
        }
    }

    private Pattern buildPattern() {
        return Pattern.compile("\\[f[0-9]{3}]", Pattern.CASE_INSENSITIVE);
    }

    private CharSequence replace(String text) {
        try {
            SpannableString spannableString = new SpannableString(text);
            int start = 0;
            Pattern pattern = buildPattern();
            Matcher matcher = pattern.matcher(text);
            while (matcher.find()) {
                String faceText = matcher.group();
                String key = faceText.substring(1);
                key = key.substring(key.indexOf("[")+1, key.indexOf("]"));
                BitmapFactory.Options options = new BitmapFactory.Options();
                Bitmap bitmap = BitmapFactory.decodeResource(getContext().getResources(),
                        getContext().getResources().getIdentifier(key, "drawable", getContext().getPackageName()), options);
                ImageSpan imageSpan = new ImageSpan(getContext(), bitmap);
                int startIndex = text.indexOf(faceText, start);
                int endIndex = startIndex + faceText.length();
                if (startIndex >= 0)
                    spannableString.setSpan(imageSpan, startIndex, endIndex, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                start = (endIndex - 1);
            }
            return spannableString;
        } catch (Exception e) {
            return text;
        }
    }
}

 

1.

SpannableString spannableString = new SpannableString(text);

構建SpannableString物件，傳入一個String(可以是純文字，可以是表情程式碼，也可以是文字和表情程式碼混合)；

2.

Pattern pattern = buildPattern();
private Pattern buildPattern() {
        return Pattern.compile("\\[f[0-9]{3}]", Pattern.CASE_INSENSITIVE);
    }
 

將給定的正則表示式編譯並賦予給Pattern類。這裡你可以理解為制定了表情程式碼的正則表示式，文字中符合這個正則表示式的都是表情程式碼，即制定了一個篩選規則，用於篩選出文字中的表情程式碼。

這裡的正則表示式含義為[f(連續三位0-9的整數)]，如[f001]，[f002]，[f003]等。

3.

Matcher matcher = pattern.matcher(text);

 生成一個給定命名的Matcher物件。你可以把這段程式碼理解為，是將上面制定的篩選規則輸入了一臺篩選機器，然後等待篩選。

4.

while (matcher.find()) {

嘗試在目標字串裡查詢下一個匹配子串。即進行遍歷篩選，如果找到匹配子串，則會返回true；

5.

String faceText = matcher.group()

6.

key = key.substring(key.indexOf("[")+1, key.indexOf("]"));

取得"["和"]"內表情程式碼對應的資源命名，之後就通過該資源名在drawable資料夾中找到對應的圖片資源，解析為Bitmap物件：

BitmapFactory.Options options = new BitmapFactory.Options();
				Bitmap bitmap = BitmapFactory.decodeResource(getContext().getResources(),
						getContext().getResources().getIdentifier(key, "drawable", getContext().getPackageName()), options);

7.

ImageSpan imageSpan = new ImageSpan(getContext(), bitmap);
int startIndex = text.indexOf(faceText, start);
                int endIndex = startIndex + faceText.length();

傳入Bitmap引數，構建ImageSpan物件。然後取得該表情程式碼在完整字串中的起始索引和結束索引，即計算該表情的插入位置。

之後即可呼叫setSpan()方法將文字中的表情程式碼替換為表情圖片了。

8.

spannableString.setSpan(imageSpan, startIndex, endIndex, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   

這裡的第四個引數flag用於控制行為，取值包括如下：

Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前後都不包括，即在指定範圍的前面和後面再插入新字元都不會應用該樣式 Spannable.SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，後面包括。即僅在範圍字元的後面再插入新字元時才會應用該樣式
Spannable.SPAN_INCLUSIVE_EXCLUSIVE：前面包括，後面不包括。
Spannable.SPAN_INCLUSIVE_INCLUSIVE：前後都包括。

原始碼

http://download.csdn.net/detail/alfred_c/9140067

參考

http://blog.csdn.net/harvic880925/article/details/38984705

http://www.bmob.cn