android之在EditText、TextView中添加表情图片

由于用户交互的需要，要求在EditText输入表情图片，在Textview予以显示。下面给出一个例子作为说明。

1、布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".SmileActivity" >

    <TextView    
        android:id="@+id/text_txt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <EditText
        android:id="@+id/edit_txt"
        android:layout_width="match_parent"
        android:background="@null"
        android:layout_height="wrap_content" />

    <LinearLayout //存放5张表情图片
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/smiley_1"      //将id名和文件名保持一致，方便在java代码中使用
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smiley_1"
            android:onClick="imgClick" />

        <ImageView
            android:id="@+id/smiley_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smiley_2"
            android:onClick="imgClick" />

        <ImageView
            android:id="@+id/smiley_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smiley_3"
            android:onClick="imgClick" />

        <ImageView
            android:id="@+id/smiley_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smiley_4"
            android:onClick="imgClick" />

        <ImageView
            android:id="@+id/smiley_5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/smiley_5"
            android:onClick="imgClick" />
    </LinearLayout>

    <Button
        android:id="@+id/btn_submit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="确定" />

</LinearLayout>

2、对应的java代码

package org.zqy.smiley;

import java.lang.reflect.Field;

import android.os.Bundle;
import android.text.Editable;
import android.text.Html;
import android.text.Html.ImageGetter;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*;
import android.app.Activity;
import android.graphics.drawable.Drawable;

public class SmileActivity extends Activity {

	private EditText edit_txt;
	private TextView text_txt;
	private Button btn_submit;
	CharSequence charSequence;

	// name参数标识R.drawable中的图像文件名
	public int getResourceId(String name) {
		Field field;
		int resourceId = 0;
		try {
			field = R.drawable.class.getField(name);// 根据资源ID的变量(也就是资源的文件名)名获取Field对象，利用反射
			resourceId = Integer.parseInt(field.get(null).toString());// 取得并返回资源ID字段(静态变量)的值
		} catch (Exception e) {
		}
		return resourceId;
	}
        //定义一个imagegetter，用于当解析到html时回调
	ImageGetter imggetter = new ImageGetter() {

		@Override
		public Drawable getDrawable(String source) {
			// 转载图像资源
			Drawable drawable = getResources().getDrawable(
					getResourceId(source));
			drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
					drawable.getIntrinsicHeight());

			return drawable;
		}
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_smile);
		edit_txt = (EditText) findViewById(R.id.edit_txt);
		text_txt = (TextView) findViewById(R.id.text_txt);
		btn_submit = (Button) findViewById(R.id.btn_submit);
		btn_submit.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Editable editable = edit_txt.getText();//获得编辑框中的内容
				String str = Html.toHtml(editable).replace("<p>", "")
						.replace("</p>", "");//将内容转化为html，去掉<p></p>标签对
				CharSequence ch = Html.fromHtml(str, imggetter, null);
				text_txt.append(ch);
			}
		});
	}

	// 响应表情的点击事件
	public void imgClick(View v) {
		String name = v.getResources().getResourceName(v.getId());//获取点击相应图片的id的名称，由于和图片资源名一样
		String[] nameStr = name.split("/");
		String srcname = nameStr[1];
		charSequence = Html.fromHtml("<img src='"+srcname+"'/>", imggetter, null);//将图片资源放置html中解析
		edit_txt.append(charSequence);
	}
}

3、运行效果