TextView控件上添加表情图片

自己弄了个自定义控件继承自TextView

package org.face;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.text.Html;
import android.text.Spanned;
import android.util.AttributeSet;
import android.widget.TextView;

public class FaceTextView extends TextView {
	private CharSequence text;

	public FaceTextView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
	}

	public FaceTextView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

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

	@Override
	public CharSequence getText() {
		return text == null ? "" : text;
	}

	@Override
	public void setText(CharSequence text, BufferType type) {
		this.text = text;

		String cs = text.toString();
		// 对表情符以img标记进行修饰，改用drawable显示出来
		if (cs.contains(":-{1}quot;)) {
			cs = cs.replace(":-{1}quot;, "<img src=\"confused\"/>");
		}
		Spanned span = Html.fromHtml(cs, new Html.ImageGetter() {
			@Override
			public Drawable getDrawable(String source) {
				Drawable drawable = null;
				String sourceName = getContext().getPackageName() + ":drawable/"
						+ source;
				int id = getResources().getIdentifier(sourceName, null, null);
				if (id != 0) {
					drawable = getResources().getDrawable(id);
					if (drawable != null) {
						drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
								drawable.getIntrinsicHeight());
					}
				}
				return drawable;
			}
		}, null);
		super.setText(span, type);
	}

}

这种方式是将text中字符替换成HTML标签,采用Html.fromHtml去解析.

布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:background="#FFFFFF">
	<org.face.FaceTextView
		android:layout_width="fill_parent"
	 	android:layout_height="wrap_content"
	 	android:text="第六个:-$笑脸"/>
</LinearLayout>

上面代码需要看到效果需要有张confused的图片。

=>有人也采用SpannableString和ImageSpan类实现了添加图片的效果

这里我将它也贴上

你可以将上面FaceTextView类里面的setText(CharSequence text, BufferType type)方法内容替换下

Drawable drawable = getResources().getDrawable(R.drawable.confused);  
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());  
        // 需要处理的文本，[smile]是需要被替代的文本  
        SpannableString spannable = new SpannableString(getText().toString()+"[smile]");  
        // 要让图片替代指定的文字就要用ImageSpan  
        ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);  
        // 开始替换，注意第2和第3个参数表示从哪里开始替换到哪里替换结束（start和end）  
        // 最后一个参数类似数学中的集合,[5,12)表示从5到12，包括5但不包括12  
        spannable.setSpan(span, getText().length(),getText().length()+"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);    
        super.setText(spannable, type);

上面两种方式的缺陷是:gif图片显示出来的是个静态的,待研究.