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

最新推荐文章于 2024-05-14 11:19:15 发布
原创 最新推荐文章于 2024-05-14 11:19:15 发布 · 109 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
Android进阶

当前文章被收录于：

Android进阶
80 篇文章 0 人学习
订阅专栏 查看详情
本文介绍如何在 Android 中使用 SpannableString 和 ImageSpan 类在文本中插入图片，并展示了如何对文本进行文字高亮、下划线等样式设置。同时，通过实例演示了如何将带有换行符的字符串中的不同部分使用不同颜色显示，以及如何实现关键字的高亮显示。此外，文章还提到了使用 WebView 显示 HTML 内容时的图片显示问题及解决方案。

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


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


付继承关系：







扩展学习：
android开发：TextView中显示HTML和图片
最近有人咨询我如何在TextView中显示<img src=""/> html标签内的图片，大家都知道，在TextView中显示HTML内容的方法如下所示：

Java代码   收藏代码
  1. TextView description=(TextView)findViewById(R.id.description);  
  2. description.setText(Html.fromHtml(item.getDescription()));   
TextView description=(TextView)findViewById(R.id.description);
description.setText(Html.fromHtml(item.getDescription()));


如果HTML中有图片的话，显示出来的图片会被一个小框取代，那么怎么样才能看到图片呢？查看了一下API，android.text.Html 还还有另一个方法：Html.fromHtml(String source,ImageGetter imageGetter,TagHandler tagHandler)，这个方法使用如下所示：

Java代码   收藏代码
  1. ImageGetter imgGetter =  new  Html.ImageGetter() {  
  2.         public  Drawable getDrawable(String source) {  
  3.             Drawable drawable = null ;  
  4.             Log.d("Image Path" , source);  
  5.             URL url;  
  6.             try  {  
  7.                 url = new  URL(source);  
  8.                 drawable = Drawable.createFromStream(url.openStream(), "" );  
  9.             } catch  (Exception e) {  
  10.                 return   null ;  
  11.             }  
  12.             drawable.setBounds(0 ,  0 , drawable.getIntrinsicWidth(), drawable  
  13.                     .getIntrinsicHeight());  
  14.             return  drawable;  
  15.         }  
  16.     };  
  17. .........  
  18. TextView description=(TextView)findViewById(R.id.description);  
  19. description.setText(Html.fromHtml(item.getDescription(),imgGetter,null ));   
ImageGetter imgGetter = new Html.ImageGetter() {
		public Drawable getDrawable(String source) {
			Drawable drawable = null;
			Log.d("Image Path", source);
			URL url;
			try {
				url = new URL(source);
				drawable = Drawable.createFromStream(url.openStream(), "");
			} catch (Exception e) {
				return null;
			}
			drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable
					.getIntrinsicHeight());
			return drawable;
		}
	};
.........
TextView description=(TextView)findViewById(R.id.description);
description.setText(Html.fromHtml(item.getDescription(),imgGetter,null));


怎么样？很简单，第二个参数TagHandler是干什么的呢？从名称我们就知道是处理HTML中的标签的，比如说遇到某个标签就把它替换为….之类的操 作都可以通过TagHandler来处理，呵呵，我可没试过哦，瞎猜的，程序员一定要发挥充分的想像力，自己去试一下吧！

最后我要说的是，如果你的图片是从网络上获取的，那么你一定不要用这种方法显示一张图片，因为这是最垃圾的办法，你的程序会经常被卡死。

那么有没有更好的方法呢？

也许不是最好，但我建议您可以使用WebView来显示HTML内容。

标签
#Android #HTML #咨询 #QQ #PHP
Mac 不小心断开移动硬盘导致磁盘无法读取和加载（顺利解决！）
热门推荐
Robin_Pi的博客
11-29 1万+
Mac移动硬盘不正确断开连接导致无法读取加载的解决方法,亲测有效
26版SPSS操作教程（高级教程第二十一章）
你好！
05-14 1678
#专注方能成事 #本期内容：信度分析 #由于导师最近布置了学习SPSS这款软件的任务，因此想来平台和大家一起交流下学习经验，这期推送内容接上一次高级教程第二十章的学习笔记，希望能得到一些指正和帮助~
正弦曲线公式
xiechengfa的技术笔记
07-13 6479
公式如下：   y=Asin(2πx/B)   注： 1。A为一个波的高度，A= （波峰-波谷）/2； 2。B为波长，B=相邻波峰或波谷的长度。波长 3。需要注意的是手机的坐标系同几何的坐标系是不同，所以求顶点坐标时要注意坐标原点的位置。...
GJB-Z114A-2015.pdf
GJB-Z114A-2015.pdf
Android4种网络连接方式HttpClient、HttpURLConnection、OKHttp和Volley优缺点
xiechengfa的技术笔记
05-10 2443
1.HttpClient优点：apache httpclient高效稳定，有很多API缺点：由于API太多，很难在不破坏兼容性的情况下对它进行升级和扩展，维护成本高，故android 开发团队不愿意在维护该库而是转投更为轻便的httpurlconnectionApache HttpClient早就不推荐httpclient，5.0之后干脆废弃，后续会删除。6.0删除了HttpClient。Java开
关于CATEGORY_BROWSABLE的使用（很NB的一个运用）
xiechengfa的技术笔记
04-16 1570
browsable的意思就是浏览器在特定条件下可以打开你的activity，比如： 我有一个activity，它注册了能显示pdf文档，AndroidManifest.xml内容如下：             &lt;intent-filter&gt;                &lt;action android:name="android.intent.action.VIEW" /&...
Android 录音获取麦克风实时音量
xiechengfa的技术笔记
06-02 1081
Android 上有一些很有趣的应用，例如《吹裙子》、《吹气球》之类的。利用的是实时获取麦克风输入音量，然后进行相应的处理。录音过程中怎样获得声音的大小呢？下面有个实例 Java代码： package eoe.demo; import android.media.AudioFormat;  import android.media.AudioRecord;  import a...
go java中读取Properties的六种方法
xiechengfa的技术笔记
04-21 1079
1。使用java.util.Properties类的load()方法 示例： InputStream in = lnew BufferedInputStream(new FileInputStream(name)); Properties p = new Properties(); p.load(in); 2。使用java.util.ResourceBundle类的get...
android Handler 优势和劣势【原创】
xiechengfa的技术笔记
04-13 815
Handler  优势      Handler android的解释是不能用低级的线程来控制UI，推荐使用Handler来调用主线程中的方法和属性（推荐方法）。来跟新UI来的状态。 在初学Handler时发现Handler时非常方便的一种跨线程更新UI的方法。但是没有理解Handler的实现方式造成了项目中使用Handler来更新状态的Bug.    Handler适合在...
Android网络电台的一种实现方案
xiechengfa的技术笔记
02-20 615
随着电子产品的飞速发展，广播电台几乎已经远离了人们的娱乐生活，但是近年来由于网络电台的兴起，广播电台又逐渐有了市场，手机上如果有一个网络电台软件，使用率应该是比较高的。目前的主流智能手机平台中，iphone和symbian都已经有了这类软件，android平台虽然推出的时间不是很长，但是也已经有这类软件了，最近我也正在Android上做这方面的工作，下面就把我的一些经验介绍一下。   ...
Android项目架构搭建必备
xiechengfa的技术笔记
01-24 579
1.绘制图表（K线、环形等）的开源库a.https://github.com/PhilJay/MPAndroidChart b.https://github.com/danielgindi/Charts
android中使用BitmapFactory的decodeStream()方法解码图片失败问题
xiechengfa的技术笔记
05-15 579
从网络获取图片，数据为InputStream流对象，然后调用BitmapFactory的decodeStream（）方法解码获取图片。代码如下：   private Bitmap getUrlBitmap(String url) { Bitmap bm; try { URL imageUrl = new URL(url); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值