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);}@Overridepublic CharSequence getText() {return text == null ? "" : text;}@Overridepublic 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() {@Overridepublic 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.FaceTextViewandroid: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图片显示出来的是个静态的,待研究.