在EditText中插入表情圖片

原創 鹰-击-长-空 2020-06-22 20:01
EditText通常用於顯示文字，但有時候也需要在文字中夾雜一些圖片，比如QQ中就可以使用表情圖片，又比如需要的文字高亮顯示等等，如何在android中也做到這樣呢？
記得android中有個android.text包，這裏提供了對文本的強大的處理功能。
添加圖片主要用SpannableString和ImageSpan類：
Java代碼 複製代碼 收藏代碼
  1. Drawable drawable = getResources().getDrawable(id);   
  2.         drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());   
  3.         //需要處理的文本，[smile]是需要被替代的文本   
  4.         SpannableString spannable = new SpannableString(getText().toString()+"[smile]");   
  5.         //要讓圖片替代指定的文字就要用ImageSpan   
  6.         ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);   
  7.         //開始替換，注意第2和第3個參數表示從哪裏開始替換到哪裏替換結束（start和end）   
  8. //最後一個參數類似數學中的集合,[5,12)表示從5到12，包括5但不包括12   
  9.         spannable.setSpan(span, getText().length(),getText().length()+"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);     
  10.         setText(spannable);  
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代碼 複製代碼 收藏代碼
  1. public void highlight(int start,int end){   
  2.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用於可變字符串   
  3.         ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);   
  4.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  5.         setText(spannable);   
  6.     }  
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代碼 複製代碼 收藏代碼
  1. public void underline(int start,int end){   
  2.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());   
  3.         CharacterStyle span=new UnderlineSpan();   
  4.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  5.         setText(spannable);   
  6.     }  
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代碼 複製代碼 收藏代碼
  1. SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());   
  2.         CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);   
  3.         CharacterStyle span_2=new ForegroundColorSpan(Color.RED);   
  4.         spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  5.         spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  6.         setText(spannable);  
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代碼 複製代碼 收藏代碼
  1. /**  
  2.      * 帶有\n換行符的字符串都可以用此方法顯示2種顏色  
  3.      * @param text  
  4.      * @param color1  
  5.      * @param color2  
  6.      * @return  
  7.      */  
  8.     public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){   
  9.         SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用於可變字符串   
  10.         CharacterStyle span_0=null,span_1=null,span_2;   
  11.         int end=text.indexOf("\n");   
  12.         if(end==-1){//如果沒有換行符就使用第一種顏色顯示   
  13.             span_0=new ForegroundColorSpan(color1);   
  14.             spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  15.         }else{   
  16.             span_0=new ForegroundColorSpan(color1);   
  17.             span_1=new ForegroundColorSpan(color2);   
  18.             spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  19.             spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  20.                
  21.             span_2=new AbsoluteSizeSpan(fontSize);//字體大小   
  22.             spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  23.         }   
  24.         return spannable;   
  25.     }  
/**
	 * 帶有\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代碼 複製代碼 收藏代碼
  1. /**  
  2.      * 關鍵字高亮顯示  
  3.      * @param target 需要高亮的關鍵字  
  4.      */  
  5.     public void highlight(String target){   
  6.         String temp=getText().toString();   
  7.         SpannableStringBuilder spannable = new SpannableStringBuilder(temp);   
  8.         CharacterStyle span=null;   
  9.            
  10.         Pattern p = Pattern.compile(target);   
  11.         Matcher m = p.matcher(temp);   
  12.         while (m.find()) {   
  13.             span = new ForegroundColorSpan(Color.RED);//需要重複！   
  14.             spannable.setSpan(span, m.start(), m.end(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  15.         }   
  16.         setText(spannable);   
  17.     }  
/**
	 * 關鍵字高亮顯示
	 * @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代碼 複製代碼 收藏代碼
  1. import android.content.Context;   
  2. import android.text.Spannable;   
  3. import android.text.SpannableStringBuilder;   
  4. import android.text.style.ImageSpan;   
  5. import android.util.Log;   
  6. import java.util.HashMap;   
  7. import java.util.regex.Matcher;   
  8. import java.util.regex.Pattern;   
  9.   
  10. public class SmileyParser {   
  11.     private Context mContext;   
  12.     private String[] mSmileyTexts;   
  13.     private Pattern mPattern;   
  14.     private HashMap<String, Integer> mSmileyToRes;   
  15.     public static final int[] DEFAULT_SMILEY_RES_IDS = {   
  16.         R.drawable.aini,   
  17.         R.drawable.aoteman,   
  18.         R.drawable.baibai,   
  19.         R.drawable.baobao,   
  20.         R.drawable.beiju,   
  21.         R.drawable.beishang,   
  22.         R.drawable.bianbian,   
  23.         R.drawable.bishi,   
  24.         R.drawable.bizui,   
  25.         R.drawable.buyao,   
  26.         R.drawable.chanzui,   
  27.     };   
  28.   
  29.     public SmileyParser(Context context) {   
  30.         mContext = context;   
  31.         mSmileyTexts = mContext.getResources().getStringArray(DEFAULT_SMILEY_TEXTS);   
  32.         mSmileyToRes = buildSmileyToRes();   
  33.         mPattern = buildPattern();   
  34.     }   
  35.   
  36.     public static final int DEFAULT_SMILEY_TEXTS = R.array.default_smiley_texts;   
  37.   
  38.     private HashMap<String, Integer> buildSmileyToRes() {   
  39.         if (DEFAULT_SMILEY_RES_IDS.length != mSmileyTexts.length) {   
  40. //          Log.w("SmileyParser", "Smiley resource ID/text mismatch");   
  41.             //表情的數量需要和數組定義的長度一致！   
  42.             throw new IllegalStateException("Smiley resource ID/text mismatch");   
  43.         }   
  44.   
  45.         HashMap<String, Integer> smileyToRes = new HashMap<String, Integer>(mSmileyTexts.length);   
  46.         for (int i = 0; i < mSmileyTexts.length; i++) {   
  47.             smileyToRes.put(mSmileyTexts[i], DEFAULT_SMILEY_RES_IDS[i]);   
  48.         }   
  49.   
  50.         return smileyToRes;   
  51.     }   
  52.   
  53.     //構建正則表達式   
  54.     private Pattern buildPattern() {   
  55.         StringBuilder patternString = new StringBuilder(mSmileyTexts.length * 3);   
  56.         patternString.append('(');   
  57.         for (String s : mSmileyTexts) {   
  58.             patternString.append(Pattern.quote(s));   
  59.             patternString.append('|');   
  60.         }   
  61.         patternString.replace(patternString.length() - 1, patternString.length(), ")");   
  62.   
  63.         return Pattern.compile(patternString.toString());   
  64.     }   
  65.   
  66.     //根據文本替換成圖片   
  67.     public CharSequence replace(CharSequence text) {   
  68.         SpannableStringBuilder builder = new SpannableStringBuilder(text);   
  69.         Matcher matcher = mPattern.matcher(text);   
  70.         while (matcher.find()) {   
  71.             int resId = mSmileyToRes.get(matcher.group());   
  72.             builder.setSpan(new ImageSpan(mContext, resId),matcher.start(), matcher.end(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
  73.         }   
  74.         return builder;   
  75.     }   
  76. }  
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代碼 複製代碼 收藏代碼
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <resources xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">  
  4.   <string-array name="default_smiley_texts">  
  5.     <item >[愛你]</item>  
  6.      <item >[機器人]</item>  
  7.     <item >[拜拜]</item>  
  8.     <item >[抱抱]</item>  
  9.     <item >[悲劇]</item>  
  10.     <item >[悲傷]</item>  
  11.     <item >[便便]</item>  
  12.     <item >[鄙視]</item>  
  13.     <item >[閉嘴]</item>  
  14.     <item >[不要]</item>  
  15.     <item >[饞嘴]</item>    
  16.   </string-array>  
  17. </resources>  

使用：
Java代碼 複製代碼 收藏代碼
  1. public void onCreate(Bundle savedInstanceState) {   
  2.         super.onCreate(savedInstanceState);   
  3.         setContentView(R.layout.main);   
  4.   
  5.         TextView tvShow = (TextView) findViewById(R.id.tvShow);   
  6.         TextView tvSource = (TextView) findViewById(R.id.tvSource);   
  7.            
  8.         SmileyParser parser = new SmileyParser(this);   
  9.         String text = "[鄙視][愛你][便便][饞嘴][機器人]";   
  10.         tvSource.setText("原文："+text);   
  11.         tvShow.setText(parser.replace("SmileyParser類處理後:"+text));   
  12.     }  
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));
	}

效果：
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

打開應用時出現“你的手機上未安裝應用程序”--實際上該應用已經安裝的解決方案

最近我在做開發時，連接我的手機部署好應用時，點擊桌面圖標出現“你的手機上未安裝應用程序”的提示，通過查看已安裝的應用列表，確信我已經安裝上了該應用，但是爲什麼會出現“你的手機上未安裝應用程序”的提示信息呢？在網上搜了好久，找的解決方案也不

BruceHurrican 2020-07-07 09:12:10

酷狗 Android App 插件化實施過程

什麼是插件化框架     插件化框架可以在主程序不重新安裝的情況下，針對單個業務模塊進行加載達到模塊更新的目的，整個加載更新過程，對用戶來說也是無感知的。     正式因爲這樣，新需求比起傳統更新方式覆蓋率和覆蓋速度都會更高和更快，

BruceHurrican 2020-07-07 09:12:10

Atlas：手淘Native容器化框架和思考-玄黎

在剛剛過去的雲棲大會上，手淘宣佈其移動容器化框架Atlas將於2017年年初開源，對這個框架，在過去團隊對外部做過一些分享，外界也一直對其十分關注，到現在它終於即將開源了。 本文將介紹Atlas的設計思路和手淘對容器化、組件化和動態化

BruceHurrican 2020-07-07 09:12:10

開發框架學習篇之MVP

今天學習開發框架MVP，對比於MVC ， 優點：activity,fragment,代碼變得簡潔優美，不像在MVC中，一個activity,fragment少則300，500行，多則幾千行代碼，便於後期維護。view層不再直接和model

BruceHurrican 2020-07-07 09:12:10

進程保活-踩坑篇

轉載請註明出處 http://blog.csdn.net/brucehurrican/article/details/51753334 相信好多開發的朋友都遇到過這樣的需求：app即使被用戶kill掉，關鍵服務仍要存活，即app

BruceHurrican 2020-07-07 09:12:10

android內存泄漏記錄

android內存泄漏點記錄 常見的四種情況 1. 將context或者view置爲static（view會默認持有一個context的引用，置爲static的話會造成view在方法區中無法快速被回收，從而導致activity的泄

ZKhero 2020-07-06 23:31:47

Android圖片選擇,jsb調用圖片選擇及裁剪壓縮(含demo)

前言 最近有人來跟我要android的圖片選擇demo,而且需要將選擇結果回調給web.雖然這個功能在好久以前做過,但是在這次重寫的時候,發現很多東西都不太一樣了,例如以前使用的圖片選擇框架PhotoPicker現在沒有維護的,推

Lewis-v 2020-07-05 07:22:09

AndroidUI FragmentTabHost類完成 底部導航佈局功能

FragmentTabHost是在android4.0之後出現的，需要support-v4包提供該類。 如圖，類似現在的新版QQ實現的功能，通過不同按鈕的點擊切換Activity。這裏需要FragmentTabHost，Fragment

叫我bult 2020-07-04 12:05:52

關於androidUI佈局的一些細節

1.Widget覆蓋使用FrameLayout佈局，如果使用LineaLayout的背景的話加載會特別慢。 2.在LinearLayout中，如果想讓其中一個組件靠右，但是沒有想過，可以將該組件再加一層LinearLayout，屬性的寬高

叫我bult 2020-07-04 12:05:51

android Intent api的使用

Intent在尋找目標組件的時候有兩種方法：第一，通過組件名稱直接指定；第二，通過Intent Filter過濾指定. Intent啓動不同組件的方法: 組件名稱 方法名稱 Activity startActivi

叫我bult 2020-07-04 12:05:51

android連接sqlite數據庫實例

1.首先在MainActivity類裏定義一個內部類，該類繼承自SQLiteOpenHelper，之後就通過該類對象來對數據庫進行增刪改查： private static class DatabaseHelper extends SQL

帆帆郑 2020-07-03 19:09:27

使用sax解析xml文件

老羅視頻學習。 解析xml文件有三種方式，sax，pull，dom。dom佔用資源比較大，sax和pull比較輕便，所以android開發一般多用sax和pull方式。 需要解析的person.xml文件如下： <?xml versio

帆帆郑 2020-07-03 18:27:08

Android基本控件TextView

根據老羅視頻學習的TextView控件。 新建一個android項目，在activity_main.xml中定義一個大的LinearLayout佈局，然後再在這個佈局內定義四個垂直排列的LinearLayout佈局，分別實現四個功能。

帆帆郑 2020-07-03 18:27:08

android學習筆記1 listview

1.自定義ListView和ArrayAdapter適配器的使用。 ListAdapter繼承自Adapter，是listview和其裏邊數據的適配器。 ArrayAdapter是ListAdapter的一個直接子類。作用就是將一個數組

帆帆郑 2020-07-03 18:27:08

Android 學習筆記2 MENU

1.activity_main.xml文件內容如下： 放置一個textview顯示文字。 放置兩個button按鈕。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xm

帆帆郑 2020-07-03 18:27:08