在EditText中插入表情图片 (CharacterStyle&SpannableString)

EditText通常用于显示文字，但有时候也需要在文字中夹杂一些图片，比如QQ中就可以使用表情图片，又比如需要的文字高亮显示等等，如何在android中也做到这样呢？

记得android中有个android.text包，这里提供了对文本的强大的处理功能。

添加图片主要用SpannableString和ImageSpan类：

Java代码


Drawable drawable = getResources().getDrawable(id);

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);

setText(spannable);

将需要的文字高亮显示：

Java代码


public void highlight(int start,int end){

SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用于可变字符串

ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);

spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

setText(spannable);

}

加下划线：

Java代码


public void underline(int start,int end){

SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());

CharacterStyle span=new UnderlineSpan();

spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

setText(spannable);

}

组合运用：

Java代码


SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());

CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);

CharacterStyle span_2=new ForegroundColorSpan(Color.RED);

spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

setText(spannable);

Java代码


/**

* 带有\n换行符的字符串都可以用此方法显示2种颜色

* @param text

* @param color1

* @param color2

* @return

*/

public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){

SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串

CharacterStyle span_0=null,span_1=null,span_2;

int end=text.indexOf("\n");

if(end==-1){//如果没有换行符就使用第一种颜色显示

span_0=new ForegroundColorSpan(color1);

spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

}else{

span_0=new ForegroundColorSpan(color1);

span_1=new ForegroundColorSpan(color2);

spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

span_2=new AbsoluteSizeSpan(fontSize);//字体大小

spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

}

return spannable;

}



以上实际都是Html.fromHtml(html)的代码实现形式。

另外有个问题：如何让一个TextView中的关键字高亮显示？

http://www.eoeandroid.com/forum.php?mod=viewthread&tid=57880&page=1&extra=#pid558440

解决如下：

Java代码


/**

* 关键字高亮显示

* @param target 需要高亮的关键字

*/

public void highlight(String target){

String temp=getText().toString();

SpannableStringBuilder spannable = new SpannableStringBuilder(temp);

CharacterStyle span=null;

Pattern p = Pattern.compile(target);

Matcher m = p.matcher(temp);

while (m.find()) {

span = new ForegroundColorSpan(Color.RED);//需要重复！

spannable.setSpan(span, m.start(), m.end(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

}

setText(spannable);

}

循环太慢，不知道有没有简单高效的方法？



下面给出一个类，专门用于将指定的文字转换成表情显示，当然使用前表情图片需要先导入drawable，另外表情图片的数量需要和数组定义的长度一致！否则抛参数异常。

Java代码


import android.content.Context;

import android.text.Spannable;

import android.text.SpannableStringBuilder;

import android.text.style.ImageSpan;

import android.util.Log;

import java.util.HashMap;

import java.util.regex.Matcher;

import java.util.regex.Pattern;

public class SmileyParser {

private Context mContext;

private String[] mSmileyTexts;

private Pattern mPattern;

private HashMap<String, Integer> mSmileyToRes;

public static final int[] DEFAULT_SMILEY_RES_IDS = {

R.drawable.aini,

R.drawable.aoteman,

R.drawable.baibai,

R.drawable.baobao,

R.drawable.beiju,

R.drawable.beishang,

R.drawable.bianbian,

R.drawable.bishi,

R.drawable.bizui,

R.drawable.buyao,

R.drawable.chanzui,

};

public SmileyParser(Context context) {

mContext = context;

mSmileyTexts = mContext.getResources().getStringArray(DEFAULT_SMILEY_TEXTS);

mSmileyToRes = buildSmileyToRes();

mPattern = buildPattern();

}

public static final int DEFAULT_SMILEY_TEXTS = R.array.default_smiley_texts;

private HashMap<String, Integer> buildSmileyToRes() {

if (DEFAULT_SMILEY_RES_IDS.length != mSmileyTexts.length) {

// Log.w("SmileyParser", "Smiley resource ID/text mismatch");

//表情的数量需要和数组定义的长度一致！

throw new IllegalStateException("Smiley resource ID/text mismatch");

}

HashMap<String, Integer> smileyToRes = new HashMap<String, Integer>(mSmileyTexts.length);

for (int i = 0; i < mSmileyTexts.length; i++) {

smileyToRes.put(mSmileyTexts[i], DEFAULT_SMILEY_RES_IDS[i]);

}

return smileyToRes;

}

//构建正则表达式

private Pattern buildPattern() {

StringBuilder patternString = new StringBuilder(mSmileyTexts.length * 3);

patternString.append('(');

for (String s : mSmileyTexts) {

patternString.append(Pattern.quote(s));

patternString.append('|');

}

patternString.replace(patternString.length() - 1, patternString.length(), ")");

return Pattern.compile(patternString.toString());

}

//根据文本替换成图片

public CharSequence replace(CharSequence text) {

SpannableStringBuilder builder = new SpannableStringBuilder(text);

Matcher matcher = mPattern.matcher(text);

while (matcher.find()) {

int resId = mSmileyToRes.get(matcher.group());

builder.setSpan(new ImageSpan(mContext, resId),matcher.start(), matcher.end(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

}

return builder;

}

}

在res/arrays.xml中添加数组：

Xml代码


<?xml version="1.0" encoding="UTF-8"?>

<resources xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">

<string-array name="default_smiley_texts">

<item >[爱你]</item>

<item >[机器人]</item>

<item >[拜拜]</item>

<item >[抱抱]</item>

<item >[悲剧]</item>

<item >[悲伤]</item>

<item >[便便]</item>

<item >[鄙视]</item>

<item >[闭嘴]</item>

<item >[不要]</item>

<item >[馋嘴]</item>

</string-array>

</resources>

使用：

Java代码


public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

TextView tvShow = (TextView) findViewById(R.id.tvShow);

TextView tvSource = (TextView) findViewById(R.id.tvSource);

SmileyParser parser = new SmileyParser(this);

String text = "[鄙视][爱你][便便][馋嘴][机器人]";

tvSource.setText("原文："+text);

tvShow.setText(parser.replace("SmileyParser类处理后:"+text));

}

效果：



本文出自：/article/3746733.html