MyException - 我的异常网
当前位置:我的异常网» 移动开发 » 在EditText中安插表情图片 (CharacterStyle&Spa

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

www.MyException.Cn  网友分享于:2013-07-27  浏览:34次
在EditText中插入表情图片 (CharacterStyle&SpannableString)

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内容。

1 楼 final_ 2011-09-15  
其实Html.fromHtml(item.getDescription())这种方法很卡。例如采用html的方法给一段字加下划线,并且修改颜色等。如果把这段字放到listView中,发现listView就会拖动的很差劲,不知道spannableString会不会存在这个效率问题,楼主可否给个答案?

文章评论

程序员应该关注的一些事儿
程序员应该关注的一些事儿
一个程序员的时间管理
一个程序员的时间管理
编程语言是女人
编程语言是女人
 程序员的样子
程序员的样子
中美印日四国程序员比较
中美印日四国程序员比较
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
我是如何打败拖延症的
我是如何打败拖延症的
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
总结2014中国互联网十大段子
总结2014中国互联网十大段子
程序员必看的十大电影
程序员必看的十大电影
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
如何成为一名黑客
如何成为一名黑客
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
鲜为人知的编程真相
鲜为人知的编程真相
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
程序员和编码员之间的区别
程序员和编码员之间的区别
那些争议最大的编程观点
那些争议最大的编程观点
代码女神横空出世
代码女神横空出世
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
旅行,写作,编程
旅行,写作,编程
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
漫画:程序员的工作
漫画:程序员的工作
程序员都该阅读的书
程序员都该阅读的书
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
10个调试和排错的小建议
10个调试和排错的小建议
每天工作4小时的程序员
每天工作4小时的程序员
我的丈夫是个程序员
我的丈夫是个程序员
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有