实现新浪微博中表情的显示以及Edittext中表情的插入..

最新推荐文章于 2024-09-23 19:49:13 发布
最新推荐文章于 2024-09-23 19:49:13 发布
阅读量3.2k 收藏 3
点赞数
分类专栏： Android研究篇 文章标签： 新浪微博 integer string html null 正则表达式

EditText通常用于显示文字，但有时候也需要在文字中夹杂一些图片，比如QQ中就可以使用表情图片，又比如需要的文字高亮显示等等，如何在android中也做到这样呢？
记得android中有个android.text包，这里提供了对文本的强大的处理功能。
添加图片主要用SpannableString和ImageSpan类：

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

将需要的文字高亮显示：

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

组合运用： 

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

    /** 
         * 带有\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 

    /** 
         * 关键字高亮显示 
         * @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，另外表情图片的数量需要和数组定义的长度一致！

package hfut.gmm;

import java.util.HashMap;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
import android.content.Context;
import android.text.Spannable;
import android.text.SpannableStringBuilder;
import android.text.style.ImageSpan;
import com.weibo.android.R;


public class SmileyParser {
	private static final int[]DEFAULT_SMILEY_RES_IDS ={
		  R.drawable.f0,R.drawable.f1,R.drawable.f2,R.drawable.f3,R.drawable.f4,R.drawable.f5,R.drawable.f6,R.drawable.f7,R.drawable.f8,
		  R.drawable.f9,R.drawable.f10,R.drawable.f11,R.drawable.f12,R.drawable.f13,R.drawable.f14,R.drawable.f15,R.drawable.f16,R.drawable.f17,
		  R.drawable.f18,R.drawable.f19,R.drawable.f20,R.drawable.f21,R.drawable.f22,R.drawable.f23,R.drawable.f24,R.drawable.f25,R.drawable.f26,
		  R.drawable.f27,R.drawable.f28,R.drawable.f29,R.drawable.f30,R.drawable.f31,R.drawable.f32,R.drawable.f33,R.drawable.f34,R.drawable.f35,
		  R.drawable.f36,R.drawable.f37,R.drawable.f38,R.drawable.f39,R.drawable.f40,R.drawable.f41,R.drawable.f42,R.drawable.f43,R.drawable.f44,
		  R.drawable.f45,R.drawable.f46,R.drawable.f47,R.drawable.f48,R.drawable.f49,R.drawable.f50,R.drawable.f51,R.drawable.f52,R.drawable.f53,
		  R.drawable.f54,R.drawable.f55,R.drawable.f56,R.drawable.f57,R.drawable.f58,R.drawable.f59,R.drawable.f60,R.drawable.f61,R.drawable.f62,
		  R.drawable.f63,R.drawable.f64,R.drawable.f65,R.drawable.f66,R.drawable.f67,R.drawable.f68,R.drawable.f69,R.drawable.f70,R.drawable.f71
	};
	private Context mcontext;
	private String[] mSmileyTexts;  
    private Pattern mPattern;  
    private HashMap<String, Integer> mSmileyToRes;
	public SmileyParser(Context mcontext) {
		super();
		this.mcontext = mcontext;
		this.mSmileyTexts = mcontext.getResources().getStringArray(R.array.default_smiley_name);
		this.mPattern = buildPattern(); ;
		this.mSmileyToRes = buildSmileyToRes();
	}
	
	private static SmileyParser     instance;

    public static SmileyParser getInstance()
    {
            return instance;
    }

    public static void init(Context context)
    {
            instance = new SmileyParser(context);
    }
	private HashMap<String, Integer> buildSmileyToRes() {
		// TODO Auto-generated method stub
		 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() {//建立正则表达式...
		// TODO Auto-generated method stub
		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中添加数组： 

<array name="default_smiley_name">
			<item>[织]</item>
			<item>[神马]</item>
			<item>[浮云]</item>
			<item>[给力]</item>
			<item>[围观]</item>
			<item>[威武]</item>
			<item>[熊猫]</item>
			<item>[兔子]</item>
			<item>[奥特曼]</item>
			<item>[囧]</item>
			<item>[互粉]</item>
			<item>[礼物]</item>
			<item>[呵呵]</item>
			<item>[嘻嘻]</item>
			<item>[哈哈]</item>
			<item>[可爱]</item>
			<item>[可怜]</item>
			<item>[挖鼻屎]</item>
			<item>[吃惊]</item>
			<item>[害羞]</item>
			<item>[挤眼]</item>
			<item>[闭嘴]</item>
			<item>[鄙视]</item>
			<item>[爱你]</item>
			<item>[泪]</item>
			<item>[偷笑]</item>
			<item>[亲亲]</item>
			<item>[生病]</item>
			<item>[太开心]</item>
			<item>[懒得理你]</item>
			<item>[右哼哼]</item>
			<item>[左哼哼]</item>
			<item>[嘘]</item>
			<item>[衰]</item>
			<item>[委屈]</item>
			<item>[吐]</item>
			<item>[打哈气]</item>
			<item>[抱抱]</item>
			<item>[怒]</item>
			<item>[疑问]</item>
			<item>[馋嘴]</item>
			<item>[拜拜]</item>
			<item>[思考]</item>
			<item>[汗]</item>
			<item>[困]</item>
			<item>[睡觉]</item>
			<item>[钱]</item>
			<item>[失望]</item>
			<item>[酷]</item>
			<item>[花心]</item>
			<item>[哼]</item>
			<item>[鼓掌]</item>
			<item>[晕]</item>
			<item>[悲伤]</item>
			<item>[抓狂]</item>
			<item>[黑线]</item>
			<item>[阴险]</item>
			<item>[怒骂]</item>
			<item>[心]</item>
			<item>[伤心]</item>
			<item>[猪头]</item>
			<item>[ok]</item>
			<item>[耶]</item>
			<item>[good]</item>
			<item>[不要]</item>
			<item>[赞]</item>
			<item>[来]</item>
			<item>[弱]</item>
			<item>[蜡烛]</item>
			<item>[钟]</item>
			<item>[蛋糕]</item>
			<item>[话筒]</item>              
        </array>

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

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

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

//<img src='http://XXX.png' />的情况
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(htmlStr,imgGetter,null));

如果图片在该工程的res/drawable下，那么可以使用下面这种： 

//<img src='" + R.drawable.icon + "' />的情况
 ImageGetter imgGetter = new Html.ImageGetter() {
   @Override
   public Drawable getDrawable(String source) {
    int id = Integer.parseInt(source);
    Drawable drawable = getResources().getDrawable(id);
    //int height = fontH;
    //int width = (int) ((float) drawable.getIntrinsicWidth() / (float) drawable.getIntrinsicHeight()) * fontH;
    //drawable.setBounds(0, 0, width, height);
    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
    return drawable;
   }
  };



怎么样？很简单，第二个参数TagHandler是干什么的呢？从名称我们就知道是处理HTML中的标签的，比如说遇到某个标签就把它替换为….之类的操作都可以通过TagHandler来处理，呵呵，我可没试过哦，瞎猜的，程序员一定要发挥充分的想像力，自己去试一下吧！
最后我要说的是，如果你的图片是从网络上获取的，那么你一定不要用这种方法显示一张图片，因为这是最垃圾的办法，你的程序会经常被卡死。
那么有没有更好的方法呢？也许不是最好，但我建议您可以使用WebView来显示HTML内容。

转载至：http://gundumw100.iteye.com/blog/904107


Big_big_Gu
关注
专栏目录
android 新浪微博客户端的表情功能的实现，flutter教程pdf
wa2231a的博客
01-31 1129
4.实现一个可以让用户选择的表情界面，本人用GridView实现 5.实现点击GridView的每一个item，处理根据item的index查找对应的表情code，然后再把code利用正则把code转换为相对应的表情图片，最后表情插入EditText进行发送。 下面是具体的实现过程 1.把新浪表情图片下载到本地的实现如下：(这个可以建一个java工程进行下载) Java代码   public void getFriendList() throws Exc
android 新浪微博客户端的表情功能的实现，阿里巴巴android开发手册满分
m0_64383081的博客
11-29 204
} package com.uim.microblog.model; import java.io.Serializable; public class Emotions implements Serializable { /** */ private static final long serialVersionUID = 1L; private String phrase;//表情使用的替代文字 private String type; private String url;//表情图片存放的.
android微博表情条,类似新浪微博EditText，可@某人，#插入话题，表情
weixin_31468621的博客
05-27 214
在光标处插入特殊字符//将特殊字符插入到EditText 中显示int index = getSelectionStart();//光标位置Editable editable = getText();//原先内容SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(editable);Spanned h...
android表情选择器,android 新浪微博客户端的表情功能的实现
weixin_39791446的博客
05-26 169
最近在搞android 新浪微博客户端，有一些心得分享弄android客户端表情功能可以用以下思路1.首页把新浪的表情下载到本地一文件夹种，表情图片的命名要用新浪微博表情原来的命名比如 新浪的害羞表情是shame.gif 那么你在本地也得命名为shame.gif,命名相同主要是为了能够匹配表情对应的code.2.把本地的表情都放进android的资源文件里----drawable下面3.访问新浪的...
Android中实现Edittext中输入表情图片的方法
道哥的技术博客
04-02 2117
废话不说，直接上效果： 相关代码如下： package weibo.lixiaodaoaaa.ui; import java.lang.reflect.Field; import java.util.Random; import android.app.Activity; import android.content.Context; import android.grap
android 新浪微博客户端的表情功能的实现
sinat_21234601的专栏
10-13 271
最近在搞android 新浪微博客户端，有一些心得分享 弄android客户端表情功能可以用以下思路 1.首页把新浪的表情下载到本地一文件夹种，表情图片的命名要用新浪微博表情原来的命名 比如 新浪的害羞表情是shame.gif 那么你在本地也得命名为shame.gif,命名相同主要是为了能够匹配表情对应的code. 2.把本地的表情都放进android的资源文件里----drawable下
Android仿新浪微博发布微博界面设计(5)
09-01
在Android平台上，模仿新浪微博设计发布微博的界面是一个常见的任务，涉及到多个技术和组件的集成。以下是一些关键知识点的详细说明： 1. **接口调用**： - 微博发布接口：`...
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
2017 github 上android 源码（适合工作中开发）
snake_son的博客
12-30 1万+
转载： http://blog.csdn.NET/a774057695/article/details/49889437 https://github.com/XinRan5312/Android-open-project 目前包括：Android 开源项目第一篇——个性化控件(View)篇 包括ListView、ActionBar、Menu、ViewPager、Gallery、GridV
javaweb学习day1《HTML篇》--新浪微博（前端页面的创建思路及其HTML、css代码详解）
2302_80329073的博客
07-06 972
​ 本篇章为javaweb的开端，也是第一篇综合案例，小编也是看着黑马程序员的视频对里面的知识点进行理解，然后自己找一个新浪微博网页看着做的，主要还是因为懒，不想去领黑马程序员的资料了。 小编任务javaweb和java有诸多共同之处，所以这两个一同进行更新，周期为15天。java可能会快一点，不过还是会同步更新的。小编尽量每天都将自己所学浓缩成综合案例的形式和大家见面的。大家可以试着自己找新浪新闻进行练习。 不知道大家能否找到，小编将网址放在下面了，以防万一。 ​
html知识点框架
爱敲代码的卡拉米的博客
09-18 1039
一、HTML基础
html实现黑白棋
woshiyaozhenyang的博客
09-23 355
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>黑白棋</title> <style> body { display: flex; flex-direction: column; align-items: center;
python：基于django的html订单提交页面
我是你大爷
09-23 422
这里给出一个基于django的html订单提交页面，具有文件上传和订单提交两个功能，使用javascript来代理实现交互功能。
【HTML】入门教程
qq_32768761的博客
09-19 1191
【纯干货教程】HTML入门级文档，适合新手小白。
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1523
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
【html】基础（一）
小小unicorn的博客
09-23 1055
【html】基础（一）
实现HTML两栏布局
最新发布
weixin_45596561的博客
09-23 67
是一个弹性单位，代表“分数”，它会根据剩余空间的比例来分配宽度。：表示第二列会占据剩余的所有空间。浮动 + margin。
Android开发：实现EditText中输入表情图像
EditText用于显示和编辑文字以及表情，而Button则用于触发插入表情的事件。以下是一个基本的XML布局文件代码： ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值